3 // --------------------------------------------------
7 // -------------------------
10 margin: 0 0 (@line-height-computed / 2);
13 margin-bottom: @line-height-computed;
14 font-size: (@font-size-base * 1.15);
18 @media (min-width: 768px) {
19 font-size: (@font-size-base * 1.5);
25 // -------------------------
27 // Ex: 14px base font * 85% = about 12px
28 small { font-size: 85%; }
30 // Undo browser default styling
31 cite { font-style: normal; }
33 // Contextual emphasis
34 .text-muted { color: @text-muted; }
35 .text-primary { color: @brand-primary; }
36 .text-warning { color: @state-warning-text; }
37 .text-danger { color: @state-danger-text; }
38 .text-success { color: @state-success-text; }
39 .text-info { color: @state-info-text; }
42 .text-left { text-align: left; }
43 .text-right { text-align: right; }
44 .text-center { text-align: center; }
48 // -------------------------
50 h1, h2, h3, h4, h5, h6,
51 .h1, .h2, .h3, .h4, .h5, .h6 {
52 font-family: @headings-font-family;
53 font-weight: @headings-font-weight;
54 line-height: @headings-line-height;
58 color: @headings-small-color;
65 margin-top: @line-height-computed;
66 margin-bottom: (@line-height-computed / 2);
71 margin-top: (@line-height-computed / 2);
72 margin-bottom: (@line-height-computed / 2);
75 h1, .h1 { font-size: floor(@font-size-base * 2.60); } // ~36px
76 h2, .h2 { font-size: floor(@font-size-base * 2.15); } // ~30px
77 h3, .h3 { font-size: ceil(@font-size-base * 1.70); } // ~24px
78 h4, .h4 { font-size: ceil(@font-size-base * 1.25); } // ~18px
79 h5, .h5 { font-size: @font-size-base; }
80 h6, .h6 { font-size: ceil(@font-size-base * 0.85); } // ~12px
82 h1 small, .h1 small { font-size: ceil(@font-size-base * 1.70); } // ~24px
83 h2 small, .h2 small { font-size: ceil(@font-size-base * 1.25); } // ~18px
85 h4 small, .h4 small { font-size: @font-size-base; }
89 // -------------------------
92 padding-bottom: ((@line-height-computed / 2) - 1);
93 margin: (@line-height-computed * 2) 0 @line-height-computed;
94 border-bottom: 1px solid @page-header-border-color;
100 // --------------------------------------------------
102 // Unordered and Ordered lists
106 margin-bottom: (@line-height-computed / 2);
115 // Unstyled keeps list items block level, just removes default browser padding and list-style
120 // Inline turns list items into inline-block
124 display: inline-block;
132 margin-bottom: @line-height-computed;
136 line-height: @line-height-base;
142 margin-left: 0; // Undo browser default
145 // Horizontal description lists
147 // Defaults to being stacked without any of the below styles applied, until the
148 // grid breakpoint is reached (default of ~768px).
150 @media (min-width: @grid-float-breakpoint) {
154 width: (@component-offset-horizontal - 20);
160 margin-left: @component-offset-horizontal;
161 .clearfix(); // Clear the floated `dt` if an empty `dd` is present
169 // Abbreviations and acronyms
171 // Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
172 abbr[data-original-title] {
174 border-bottom: 1px dotted @abbr-border-color;
178 text-transform: uppercase;
183 padding: (@line-height-computed / 2) @line-height-computed;
184 margin: 0 0 @line-height-computed;
185 border-left: 5px solid @blockquote-border-color;
187 font-size: (@font-size-base * 1.25);
196 line-height: @line-height-base;
197 color: @blockquote-small-color;
199 content: '\2014 \00A0';// EM DASH, NBSP
203 // Float right with text-align: right
207 border-right: 5px solid @blockquote-border-color;
218 content: '\00A0 \2014';// NBSP, EM DASH
235 margin-bottom: @line-height-computed;
237 line-height: @line-height-base;