redbadger/website-honestly

View on GitHub
site/components/component-renderer/styles.css

Summary

Maintainability
Test Coverage
@value badgerBlack, badgerRedOnWhite from "../../css/_colors.css";

.a,
.typography a {
  color: badgerBlack;
  border-bottom: 1px solid badgerRedOnWhite;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.a:hover,
.typography a:hover {
  color: badgerRedOnWhite;
}

.p {
  composes: sansSerif from "../../css/typography/_fonts.css";
  composes: fontXS from "../../css/typography/_fonts.css";
  margin: 1em 0;
}

.h1 {
  composes: serif from "../../css/typography/_fonts.css";
  composes: fontL from "../../css/typography/_fonts.css";
  text-align: center;
  margin: 0 0 0.6em;
}

.h2 {
  composes: serif from "../../css/typography/_fonts.css";
  composes: fontM from "../../css/typography/_fonts.css";
  margin: 0 0 0.6em;
  text-align: center;
}

.h3 {
  composes: sansSerif from "../../css/typography/_fonts.css";
  composes: fontS from "../../css/typography/_fonts.css";
  text-align: center;
  margin: 0 0 0.8em;
}