X-Git-Url: https://gerrit.fd.io/r/gitweb?a=blobdiff_plain;f=resources%2Ftools%2Fdash%2Fapp%2Fpal%2Fstatic%2Fsass%2Fbootstrap%2F_type.scss;fp=resources%2Ftools%2Fdash%2Fapp%2Fpal%2Fstatic%2Fsass%2Fbootstrap%2F_type.scss;h=37d64bf89c5578ee14759a04aaf65e2a1a93f097;hb=f8bdd103ff86c171f6db6cef657c7ecbe97763a1;hp=0000000000000000000000000000000000000000;hpb=69fd124979890cac21bd0dbc7ef442563f175372;p=csit.git diff --git a/resources/tools/dash/app/pal/static/sass/bootstrap/_type.scss b/resources/tools/dash/app/pal/static/sass/bootstrap/_type.scss new file mode 100644 index 0000000000..37d64bf89c --- /dev/null +++ b/resources/tools/dash/app/pal/static/sass/bootstrap/_type.scss @@ -0,0 +1,106 @@ +// +// 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; +} + +// Type display classes +@each $display, $font-size in $display-font-sizes { + .display-#{$display} { + @include font-size($font-size); + font-family: $display-font-family; + font-style: $display-font-style; + 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: $blockquote-margin-y; + @include font-size($blockquote-font-size); + + > :last-child { + margin-bottom: 0; + } +} + +.blockquote-footer { + margin-top: -$blockquote-margin-y; + margin-bottom: $blockquote-margin-y; + @include font-size($blockquote-footer-font-size); + color: $blockquote-footer-color; + + &::before { + content: "\2014\00A0"; // em dash, nbsp + } +}