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: ceil(@font-size-base * 2.70); } // ~38px
76 h2, .h2 { font-size: ceil(@font-size-base * 2.25); } // ~32px
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
144 // Horizontal layout (like forms)
148 width: (@component-offset-horizontal - 20);
154 .clearfix(); // Clear the floated `dt` if an empty `dd` is present
155 margin-left: @component-offset-horizontal;
162 // Abbreviations and acronyms
164 // Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
165 abbr[data-original-title] {
167 border-bottom: 1px dotted @abbr-border-color;
171 text-transform: uppercase;
176 padding: (@line-height-computed / 2) @line-height-computed;
177 margin: 0 0 @line-height-computed;
178 border-left: 5px solid @blockquote-border-color;
180 font-size: (@font-size-base * 1.25);
189 line-height: @line-height-base;
190 color: @blockquote-small-color;
192 content: '\2014 \00A0';// EM DASH, NBSP
196 // Float right with text-align: right
201 border-right: 5px solid @blockquote-border-color;
212 content: '\00A0 \2014';// NBSP, EM DASH
229 margin-bottom: @line-height-computed;
231 line-height: @line-height-base;