UNPKG

1.34 kBSCSSView Raw
1//
2// Headings
3//
4.h1 {
5 @extend h1;
6}
7
8.h2 {
9 @extend h2;
10}
11
12.h3 {
13 @extend h3;
14}
15
16.h4 {
17 @extend h4;
18}
19
20.h5 {
21 @extend h5;
22}
23
24.h6 {
25 @extend h6;
26}
27
28
29.lead {
30 @include font-size($lead-font-size);
31 font-weight: $lead-font-weight;
32}
33
34// Type display classes
35@each $display, $font-size in $display-font-sizes {
36 .display-#{$display} {
37 @include font-size($font-size);
38 font-weight: $display-font-weight;
39 line-height: $display-line-height;
40 }
41}
42
43//
44// Emphasis
45//
46.small {
47 @extend small;
48}
49
50.mark {
51 @extend mark;
52}
53
54//
55// Lists
56//
57
58.list-unstyled {
59 @include list-unstyled();
60}
61
62// Inline turns list items into inline-block
63.list-inline {
64 @include list-unstyled();
65}
66.list-inline-item {
67 display: inline-block;
68
69 &:not(:last-child) {
70 margin-right: $list-inline-padding;
71 }
72}
73
74
75//
76// Misc
77//
78
79// Builds on `abbr`
80.initialism {
81 @include font-size($initialism-font-size);
82 text-transform: uppercase;
83}
84
85// Blockquotes
86.blockquote {
87 margin-bottom: $blockquote-margin-y;
88 @include font-size($blockquote-font-size);
89
90 > :last-child {
91 margin-bottom: 0;
92 }
93}
94
95.blockquote-footer {
96 margin-top: -$blockquote-margin-y;
97 margin-bottom: $blockquote-margin-y;
98 @include font-size($blockquote-footer-font-size);
99 color: $blockquote-footer-color;
100
101 &::before {
102 content: "\2014\00A0"; // em dash, nbsp
103 }
104}