diff options
Diffstat (limited to 'sass/vendor/bootstrap/scss/_type.scss')
-rw-r--r--[-rwxr-xr-x] | sass/vendor/bootstrap/scss/_type.scss | 121 |
1 files changed, 41 insertions, 80 deletions
diff --git a/sass/vendor/bootstrap/scss/_type.scss b/sass/vendor/bootstrap/scss/_type.scss index 13a64b0..b2d524c 100755..100644 --- a/sass/vendor/bootstrap/scss/_type.scss +++ b/sass/vendor/bootstrap/scss/_type.scss @@ -1,91 +1,67 @@ // // Headings // - -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6 { - margin-bottom: $headings-margin-bottom; - font-family: $headings-font-family; - font-weight: $headings-font-weight; - line-height: $headings-line-height; - color: $headings-color; +.h1 { + @extend h1; } -h1, .h1 { font-size: $font-size-h1; } -h2, .h2 { font-size: $font-size-h2; } -h3, .h3 { font-size: $font-size-h3; } -h4, .h4 { font-size: $font-size-h4; } -h5, .h5 { font-size: $font-size-h5; } -h6, .h6 { font-size: $font-size-h6; } - -.lead { - font-size: $lead-font-size; - font-weight: $lead-font-weight; +.h2 { + @extend h2; } -// Type display classes -.display-1 { - font-size: $display1-size; - font-weight: $display1-weight; - line-height: $display-line-height; -} -.display-2 { - font-size: $display2-size; - font-weight: $display2-weight; - line-height: $display-line-height; +.h3 { + @extend h3; } -.display-3 { - font-size: $display3-size; - font-weight: $display3-weight; - line-height: $display-line-height; + +.h4 { + @extend h4; } -.display-4 { - font-size: $display4-size; - font-weight: $display4-weight; - line-height: $display-line-height; + +.h5 { + @extend h5; } +.h6 { + @extend h6; +} -// -// Horizontal rules -// -hr { - margin-top: $spacer-y; - margin-bottom: $spacer-y; - border: 0; - border-top: $hr-border-width solid $hr-border-color; +.lead { + @include font-size($lead-font-size); + font-weight: $lead-font-weight; } +// 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, .small { - font-size: $small-font-size; - font-weight: $font-weight-normal; + @extend small; } -mark, .mark { - padding: $mark-padding; - background-color: $mark-bg; + @extend mark; } - // // Lists // .list-unstyled { - @include list-unstyled; + @include list-unstyled(); } // Inline turns list items into inline-block .list-inline { - @include list-unstyled; + @include list-unstyled(); } .list-inline-item { display: inline-block; @@ -102,42 +78,27 @@ mark, // Builds on `abbr` .initialism { - font-size: 90%; + @include font-size($initialism-font-size); text-transform: uppercase; } // Blockquotes .blockquote { - padding: ($spacer / 2) $spacer; - margin-bottom: $spacer; - font-size: $blockquote-font-size; - border-left: $blockquote-border-width solid $blockquote-border-color; -} + margin-bottom: $blockquote-margin-y; + @include font-size($blockquote-font-size); -.blockquote-footer { - display: block; - font-size: 80%; // back to default font-size - color: $blockquote-small-color; - - &::before { - content: "\2014 \00A0"; // em dash, nbsp + > :last-child { + margin-bottom: 0; } } -// Opposite alignment of blockquote -.blockquote-reverse { - padding-right: $spacer; - padding-left: 0; - text-align: right; - border-right: $blockquote-border-width solid $blockquote-border-color; - border-left: 0; -} +.blockquote-footer { + margin-top: -$blockquote-margin-y; + margin-bottom: $blockquote-margin-y; + @include font-size($blockquote-footer-font-size); + color: $blockquote-footer-color; -.blockquote-reverse .blockquote-footer { &::before { - content: ""; - } - &::after { - content: "\00A0 \2014"; // nbsp, em dash + content: "\2014\00A0"; // em dash, nbsp } } |