3 // --------------------------------------------------
6 // -------------------------
8 h1, h2, h3, h4, h5, h6,
9 .h1, .h2, .h3, .h4, .h5, .h6 {
10 font-family: $headings-font-family;
11 font-weight: $headings-font-weight;
12 line-height: $headings-line-height;
13 color: $headings-color;
19 color: $headings-small-color;
26 margin-top: $line-height-computed;
27 margin-bottom: ($line-height-computed / 2);
38 margin-top: ($line-height-computed / 2);
39 margin-bottom: ($line-height-computed / 2);
48 font-size: $font-size-h1;
52 font-size: $font-size-h2;
56 font-size: $font-size-h3;
60 font-size: $font-size-h4;
64 font-size: $font-size-h5;
68 font-size: $font-size-h6;
72 // -------------------------
75 margin: 0 0 ($line-height-computed / 2);
79 margin-bottom: $line-height-computed;
80 font-size: floor(($font-size-base * 1.15));
84 @media (min-width: $screen-sm-min) {
85 font-size: ($font-size-base * 1.5);
90 // -------------------------
92 // Ex: (12px small font / 14px base font) * 100% = about 85%
95 font-size: floor((100% * $font-size-small / $font-size-base));
100 background-color: $state-warning-bg;
127 text-transform: lowercase;
131 text-transform: uppercase;
135 text-transform: capitalize;
143 @include text-emphasis-variant('.text-primary', $brand-primary);
145 @include text-emphasis-variant('.text-success', $state-success-text);
147 @include text-emphasis-variant('.text-info', $state-info-text);
149 @include text-emphasis-variant('.text-warning', $state-warning-text);
151 @include text-emphasis-variant('.text-danger', $state-danger-text);
153 // Contextual backgrounds
154 // For now we'll leave these alongside the text classes until v4 when we can
155 // safely shift things around (per SemVer rules).
157 // Given the contrast here, this is the only class to have its color inverted
162 @include bg-variant('.bg-primary', $brand-primary);
164 @include bg-variant('.bg-success', $state-success-bg);
166 @include bg-variant('.bg-info', $state-info-bg);
168 @include bg-variant('.bg-warning', $state-warning-bg);
170 @include bg-variant('.bg-danger', $state-danger-bg);
173 // -------------------------
176 padding-bottom: (($line-height-computed / 2) - 1);
177 margin: ($line-height-computed * 2) 0 $line-height-computed;
178 border-bottom: 1px solid $page-header-border-color;
182 // -------------------------
184 // Unordered and Ordered lists
188 margin-bottom: ($line-height-computed / 2);
197 // [converter] extracted from `.list-unstyled` for libsass compatibility
198 @mixin list-unstyled {
203 // [converter] extracted as `@mixin list-unstyled` for libsass compatibility
205 @include list-unstyled;
208 // Inline turns list items into inline-block
210 @include list-unstyled;
214 display: inline-block;
222 margin-top: 0; // Remove browser default
223 margin-bottom: $line-height-computed;
228 line-height: $line-height-base;
236 margin-left: 0; // Undo browser default
239 // Horizontal description lists
241 // Defaults to being stacked without any of the below styles applied, until the
242 // grid breakpoint is reached (default of ~768px).
246 @include clearfix; // Clear the floated `dt` if an empty `dd` is present
249 @media (min-width: $grid-float-breakpoint) {
252 width: ($dl-horizontal-offset - 20);
255 @include text-overflow;
258 margin-left: $dl-horizontal-offset;
264 // -------------------------
266 // Abbreviations and acronyms
268 // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
269 abbr[data-original-title] {
271 border-bottom: 1px dotted $abbr-border-color;
276 @extend .text-uppercase;
281 padding: ($line-height-computed / 2) $line-height-computed;
282 margin: 0 0 $line-height-computed;
283 font-size: $blockquote-font-size;
284 border-left: 5px solid $blockquote-border-color;
294 // Note: Deprecated small and .small as of v3.1.0
295 // Context: https://github.com/twbs/bootstrap/issues/11660
300 font-size: 80%; // back to default font-size
301 line-height: $line-height-base;
302 color: $blockquote-small-color;
305 content: '\2014 \00A0'; // em dash, nbsp
310 // Opposite alignment of blockquote
312 // Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
314 blockquote.pull-right {
317 border-right: 5px solid $blockquote-border-color;
321 // Account for citation
329 content: '\00A0 \2014'; // nbsp, em dash
336 margin-bottom: $line-height-computed;
338 line-height: $line-height-base;