lnked/react-starter

View on GitHub
src/pages/example-page/styles.scss

Summary

Maintainability
Test Coverage
@import 'styles/_global.scss';

.content {
  clear: both;
  padding: 20px;
}

.description {
  color: rgba(0, 0, 0, .75);
  font-size: 21px;
  font-weight: 300;
  line-height: 36px;
  text-align: center;
}

.product {
  height: 100%;

  &_image {
    max-width: 100%;
    margin-bottom: 10px;
  }

  &_title {
    color: $c-blue;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 10px;
  }

  &_category {
    font-size: 1.5rem;
    line-height: 1.4;
    color: $c-black;
    opacity: .5;
    margin-bottom: 10px;
  }

  &_price {
    font-size: 1.4rem;
  }

  &_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}