3 // --------------------------------------------------
7 // -------------------------
10 margin: 0 0 @baseLineHeight / 2;
13 margin-bottom: @baseLineHeight;
14 font-size: @baseFontSize * 1.5;
16 line-height: @baseLineHeight * 1.5;
21 // -------------------------
24 font-size: 85%; // Ex: 14px base font * 85% = about 12px
55 // -------------------------
57 h1, h2, h3, h4, h5, h6 {
58 margin: (@baseLineHeight / 2) 0;
59 font-family: @headingsFontFamily;
60 font-weight: @headingsFontWeight;
62 color: @headingsColor;
63 text-rendering: optimizelegibility; // Fix the character spacing for headings
70 h1 { font-size: 36px; line-height: 40px; }
71 h2 { font-size: 30px; line-height: 40px; }
72 h3 { font-size: 24px; line-height: 40px; }
73 h4 { font-size: 18px; line-height: 20px; }
74 h5 { font-size: 14px; line-height: 20px; }
75 h6 { font-size: 12px; line-height: 20px; }
77 h1 small { font-size: 24px; }
78 h2 small { font-size: 18px; }
79 h3 small { font-size: 14px; }
80 h4 small { font-size: 14px; }
84 // -------------------------
87 padding-bottom: (@baseLineHeight / 2) - 1;
88 margin: @baseLineHeight 0 (@baseLineHeight * 1.5);
89 border-bottom: 1px solid @grayLighter;
95 // --------------------------------------------------
97 // Unordered and Ordered lists
100 margin: 0 0 @baseLineHeight / 2 25px;
109 line-height: @baseLineHeight;
119 margin-bottom: @baseLineHeight;
123 line-height: @baseLineHeight;
129 margin-left: @baseLineHeight / 2;
131 // Horizontal layout (like forms)
133 .clearfix(); // Ensure dl clears floats if empty dd elements present
136 width: @horizontalComponentOffset - 20;
142 margin-left: @horizontalComponentOffset;
151 margin: @baseLineHeight 0;
153 border-top: 1px solid @hrBorder;
154 border-bottom: 1px solid @white;
157 // Abbreviations and acronyms
160 border-bottom: 1px dotted @grayLight;
164 text-transform: uppercase;
170 margin: 0 0 @baseLineHeight;
171 border-left: 5px solid @grayLighter;
174 #font > .shorthand(16px,300,@baseLineHeight * 1.25);
178 line-height: @baseLineHeight;
181 content: '\2014 \00A0';
185 // Float right with text-align: right
190 border-right: 5px solid @grayLighter;
201 content: '\00A0 \2014';
218 margin-bottom: @baseLineHeight;
220 line-height: @baseLineHeight;