// Typography
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: $headingFontStack; display: block; margin-bottom: $headingFontMargin; font-weight: $headingFontWeight; line-height: normal; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-margin-before: 0; -webkit-margin-after: $headingFontMargin; -webkit-margin-start: 0; -webkit-margin-end: 0; text-transform: $headingFontTransform;
}
h1, .h1 {
font-size: $h1Base+rem;
} h2, .h2 {
font-size: $h2Base+rem;
} h3, .h3 {
font-size: $h3Base+rem;
} h4, .h4 {
font-size: $h4Base+rem;
} h5, .h5 {
font-size: $h5Base+rem;
} h6, .h6 {
font-size: $h6Base+rem;
}
p {
font-size: 1.125rem; font-weight: $bodyFontWeight; line-height: $lineHeight; margin-bottom: 1.4rem;
}
a {
color: $colorBrand; cursor: pointer; text-decoration: $linkStyle; @include transition(); &:hover, &:focus { color: darken($colorBrand, 5%); }
}
hr {
border: 0; border-top: $borderWeight $borderStyle $colorAlternate; margin: $gutter/1.5 0;
}
strong, b {
font-weight: $fontBold;
}
small {
font-size: 0.8rem;
}
i {
font-style: italic;
}
.rte {
// Responsive typography h1, .h1 { @include responsive-type($baseFontSize, $h1Base, $baseFontSize, normal); } h2, .h2 { @include responsive-type($baseFontSize, $h2Base, $baseFontSize, normal); } h3, .h3 { @include responsive-type($baseFontSize, $h3Base, $baseFontSize, normal); } h4, .h4 { @include responsive-type($baseFontSize, $h4Base, $baseFontSize, normal); } h5, .h5 { @include responsive-type($baseFontSize, $h5Base, $baseFontSize, normal); } h6, .h6 { @include responsive-type($baseFontSize, $h6Base, $baseFontSize, normal); } p { @include responsive-type($baseFontSize, $pBase, 14px, normal); }
}