UNPKG

2.12 kBSCSSView Raw
1// stylelint-disable declaration-no-important, selector-list-comma-newline-after
2
3//
4// Headings
5//
6
7h1, h2, h3, h4, h5, h6,
8.h1, .h2, .h3, .h4, .h5, .h6 {
9 margin-bottom: $headings-margin-bottom;
10 font-family: $headings-font-family;
11 font-weight: $headings-font-weight;
12 line-height: $headings-line-height;
13 color: $headings-color;
14}
15
16h1, .h1 { font-size: $h1-font-size; }
17h2, .h2 { font-size: $h2-font-size; }
18h3, .h3 { font-size: $h3-font-size; }
19h4, .h4 { font-size: $h4-font-size; }
20h5, .h5 { font-size: $h5-font-size; }
21h6, .h6 { font-size: $h6-font-size; }
22
23.lead {
24 font-size: $lead-font-size;
25 font-weight: $lead-font-weight;
26}
27
28// Type display classes
29.display-1 {
30 font-size: $display1-size;
31 font-weight: $display1-weight;
32 line-height: $display-line-height;
33}
34.display-2 {
35 font-size: $display2-size;
36 font-weight: $display2-weight;
37 line-height: $display-line-height;
38}
39.display-3 {
40 font-size: $display3-size;
41 font-weight: $display3-weight;
42 line-height: $display-line-height;
43}
44.display-4 {
45 font-size: $display4-size;
46 font-weight: $display4-weight;
47 line-height: $display-line-height;
48}
49
50
51//
52// Horizontal rules
53//
54
55hr {
56 margin-top: $hr-margin-y;
57 margin-bottom: $hr-margin-y;
58 border: 0;
59 border-top: $hr-border-width solid $hr-border-color;
60}
61
62
63//
64// Emphasis
65//
66
67small,
68.small {
69 font-size: $small-font-size;
70 font-weight: $font-weight-normal;
71}
72
73mark,
74.mark {
75 padding: $mark-padding;
76 background-color: $mark-bg;
77}
78
79
80//
81// Lists
82//
83
84.list-unstyled {
85 @include list-unstyled;
86}
87
88// Inline turns list items into inline-block
89.list-inline {
90 @include list-unstyled;
91}
92.list-inline-item {
93 display: inline-block;
94
95 &:not(:last-child) {
96 margin-right: $list-inline-padding;
97 }
98}
99
100
101//
102// Misc
103//
104
105// Builds on `abbr`
106.initialism {
107 font-size: 90%;
108 text-transform: uppercase;
109}
110
111// Blockquotes
112.blockquote {
113 margin-bottom: $spacer;
114 font-size: $blockquote-font-size;
115}
116
117.blockquote-footer {
118 display: block;
119 font-size: 80%; // back to default font-size
120 color: $blockquote-small-color;
121
122 &::before {
123 content: "\2014 \00A0"; // em dash, nbsp
124 }
125}