// // Headings // .h1 { @extend h1; } .h2 { @extend h2; } .h3 { @extend h3; } .h4 { @extend h4; } .h5 { @extend h5; } .h6 { @extend h6; } .lead { @include font-size($lead-font-size); font-weight: $lead-font-weight; } .warning { font-size: $h3-font-size; font-weight: $font-weight-bolder; color:red } .originalUrl { font-size: $h2-font-size; font-weight: $font-weight-bolder; } // Type display classes @each $display, $font-size in $display-font-sizes { .display-#{$display} { @include font-size($font-size); font-weight: $display-font-weight; line-height: $display-line-height; } } // // Emphasis // .small { @extend small; } .mark { @extend mark; } // // Lists // .list-unstyled { @include list-unstyled(); } // Inline turns list items into inline-block .list-inline { @include list-unstyled(); } .list-inline-item { display: inline-block; &:not(:last-child) { margin-right: $list-inline-padding; } } // // Misc // // Builds on `abbr` .initialism { @include font-size($initialism-font-size); text-transform: uppercase; } // Blockquotes .blockquote { margin-bottom: $spacer; @include font-size($blockquote-font-size); } .blockquote-footer { display: block; @include font-size($blockquote-small-font-size); color: $blockquote-small-color; &::before { content: "\2014\00A0"; // em dash, nbsp } } .headline { font-weight: $font-weight-bold; &-light { font-weight: $font-weight-base; } &-heavy { font-weight: $font-weight-bolder; margin-bottom: 0.8rem; + h4.headline { margin-top: $spacer * 1.75; } } } h4.sub-headline { font-weight: $font-weight-bold; margin-bottom: $spacer * 0.8; } h2, .h2 { &.headline { &:after { content: ""; display: block; width: 60px; margin-top: 0.8rem; margin-bottom: 2rem; border-top: 2px solid $primary-light; .text-center & { margin-left: auto; margin-right: auto; } .text-md-left & { @media (min-width: $screen-md){ margin-left: 0; } } } .contents-normal & { margin-bottom: 0.8rem; &:after { content: normal; } + p { margin-top: -0.5rem; &:last-child { margin-bottom: 0; } } } &-light { margin-bottom: 1.8rem; } } } h3, .h3 { &.headline-light { margin-bottom: 1.4rem; } } .caption-headline { margin-bottom: 0.8rem; color: $link-color; + .headline-heavy { margin-top: 1.2rem; } } .nobr { white-space: nowrap; }