/* ==========================================================================
Typography ========================================================================== */
// // Global //
html {
line-height: $base-line-height; font-family: $font-family-base; font-weight: normal; color: $text-color; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-size: $font-size-base;
}
// // Blockquote //
blockquote {
display: block; position: relative; padding-left: 20px; font-style: italic; border-left: 5px solid $secondary;
}
// // Links //
a {
text-decoration: none; color: $primary; &:hover, &:focus { color: lighten($primary, 14%); text-decoration: none; }
}
// // Header Styles //
h1, h2, h3, h4, h5, h6 {
font-weight: 600; line-height: 1.7;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit; color: $text-color; &:hover, &:focus { color: lighten($text-color, 24%); }
} h1 { font-size: $font-size-h1; margin: ($font-size-h1 / 2) 0 ($font-size-h1 / 2.5) 0;} h2 { font-size: $font-size-h2; margin: ($font-size-h2 / 2) 0 ($font-size-h2 / 2.5) 0;} h3 { font-size: $font-size-h3; margin: ($font-size-h3 / 2) 0 ($font-size-h3 / 2.5) 0;} h4 { font-size: $font-size-h4; margin: ($font-size-h4 / 2) 0 ($font-size-h4 / 2.5) 0;} h5 { font-size: $font-size-h5; margin: ($font-size-h5 / 2) 0 ($font-size-h5 / 2.5) 0;} h6 { font-size: $font-size-h6; margin: ($font-size-h6 / 2) 0 ($font-size-h6 / 2.5) 0; text-transform: uppercase;}
// // Horizontal rules //
hr {
margin-top: $spacer-y; margin-bottom: $spacer-y; border: 0; border-top: $hr-border-width solid $hr-border-color;
}
// // Text Styles //
em { font-style: italic; }
strong { font-weight: 600; }
small, .small {
font-size: 80%; font-weight: normal;
}
p {
margin: 1.2em 0; word-spacing: 0.05em; line-height: 1.6em;
}