redbadger/website-honestly

View on GitHub
site/components/policy/policy-box/style.css

Summary

Maintainability
Test Coverage
@value mediumScreen from "../../../css/_sizes.css";

.mb10 {
  margin-bottom: 10px;
}

.box {
  display: flex;
  align-items: baseline;
}

.numberContainer {
  width: 40px;
}

@media mediumScreen {
  .numberContainer {
    width: 50px;
  }
}

.number {
  composes: boldSansSerif from '../../../css/typography/_fonts.css';
  font-size: 16px;
  line-height: 1.1;
  border-bottom: 5px solid #fc1d42;
  position: relative;
  top: -2px;
}

.policyHeader {
  flex: 1;
}

.policyText {
  flex: 1;
  max-width: 610px;
  margin-bottom: 10px;
}

.policyTextBold {
  composes: boldSansSerif from '../../../css/typography/_fonts.css';
}

@media mediumScreen {
  .number {
    top: -9px;
  }
}