corrade-nucleus-nucleons – Blame information for rev 20

Subversion Repositories:
Rev:
Rev Author Line No. Line
20 office 1 //
2 // Typography
3 // --------------------------------------------------
4  
5  
6 // Headings
7 // -------------------------
8  
9 h1, h2, h3, h4, h5, h6,
10 .h1, .h2, .h3, .h4, .h5, .h6 {
11 font-family: @headings-font-family;
12 font-weight: @headings-font-weight;
13 line-height: @headings-line-height;
14 color: @headings-color;
15  
16 small,
17 .small {
18 font-weight: normal;
19 line-height: 1;
20 color: @headings-small-color;
21 }
22 }
23  
24 h1, .h1,
25 h2, .h2,
26 h3, .h3 {
27 margin-top: @line-height-computed;
28 margin-bottom: (@line-height-computed / 2);
29  
30 small,
31 .small {
32 font-size: 65%;
33 }
34 }
35 h4, .h4,
36 h5, .h5,
37 h6, .h6 {
38 margin-top: (@line-height-computed / 2);
39 margin-bottom: (@line-height-computed / 2);
40  
41 small,
42 .small {
43 font-size: 75%;
44 }
45 }
46  
47 h1, .h1 { font-size: @font-size-h1; }
48 h2, .h2 { font-size: @font-size-h2; }
49 h3, .h3 { font-size: @font-size-h3; }
50 h4, .h4 { font-size: @font-size-h4; }
51 h5, .h5 { font-size: @font-size-h5; }
52 h6, .h6 { font-size: @font-size-h6; }
53  
54  
55 // Body text
56 // -------------------------
57  
58 p {
59 margin: 0 0 (@line-height-computed / 2);
60 }
61  
62 .lead {
63 margin-bottom: @line-height-computed;
64 font-size: floor((@font-size-base * 1.15));
65 font-weight: 200;
66 line-height: 1.4;
67  
68 @media (min-width: @screen-sm-min) {
69 font-size: (@font-size-base * 1.5);
70 }
71 }
72  
73  
74 // Emphasis & misc
75 // -------------------------
76  
77 // Ex: 14px base font * 85% = about 12px
78 small,
79 .small { font-size: 85%; }
80  
81 // Undo browser default styling
82 cite { font-style: normal; }
83  
84 // Alignment
85 .text-left { text-align: left; }
86 .text-right { text-align: right; }
87 .text-center { text-align: center; }
88 .text-justify { text-align: justify; }
89  
90 // Contextual colors
91 .text-muted {
92 color: @text-muted;
93 }
94 .text-primary {
95 .text-emphasis-variant(@brand-primary);
96 }
97 .text-success {
98 .text-emphasis-variant(@state-success-text);
99 }
100 .text-info {
101 .text-emphasis-variant(@state-info-text);
102 }
103 .text-warning {
104 .text-emphasis-variant(@state-warning-text);
105 }
106 .text-danger {
107 .text-emphasis-variant(@state-danger-text);
108 }
109  
110 // Contextual backgrounds
111 // For now we'll leave these alongside the text classes until v4 when we can
112 // safely shift things around (per SemVer rules).
113 .bg-primary {
114 // Given the contrast here, this is the only class to have its color inverted
115 // automatically.
116 color: #fff;
117 .bg-variant(@brand-primary);
118 }
119 .bg-success {
120 .bg-variant(@state-success-bg);
121 }
122 .bg-info {
123 .bg-variant(@state-info-bg);
124 }
125 .bg-warning {
126 .bg-variant(@state-warning-bg);
127 }
128 .bg-danger {
129 .bg-variant(@state-danger-bg);
130 }
131  
132  
133 // Page header
134 // -------------------------
135  
136 .page-header {
137 padding-bottom: ((@line-height-computed / 2) - 1);
138 margin: (@line-height-computed * 2) 0 @line-height-computed;
139 border-bottom: 1px solid @page-header-border-color;
140 }
141  
142  
143 // Lists
144 // --------------------------------------------------
145  
146 // Unordered and Ordered lists
147 ul,
148 ol {
149 margin-top: 0;
150 margin-bottom: (@line-height-computed / 2);
151 ul,
152 ol {
153 margin-bottom: 0;
154 }
155 }
156  
157 // List options
158  
159 // Unstyled keeps list items block level, just removes default browser padding and list-style
160 .list-unstyled {
161 padding-left: 0;
162 list-style: none;
163 }
164  
165 // Inline turns list items into inline-block
166 .list-inline {
167 .list-unstyled();
168 margin-left: -5px;
169  
170 > li {
171 display: inline-block;
172 padding-left: 5px;
173 padding-right: 5px;
174 }
175 }
176  
177 // Description Lists
178 dl {
179 margin-top: 0; // Remove browser default
180 margin-bottom: @line-height-computed;
181 }
182 dt,
183 dd {
184 line-height: @line-height-base;
185 }
186 dt {
187 font-weight: bold;
188 }
189 dd {
190 margin-left: 0; // Undo browser default
191 }
192  
193 // Horizontal description lists
194 //
195 // Defaults to being stacked without any of the below styles applied, until the
196 // grid breakpoint is reached (default of ~768px).
197  
198 @media (min-width: @grid-float-breakpoint) {
199 .dl-horizontal {
200 dt {
201 float: left;
202 width: (@component-offset-horizontal - 20);
203 clear: left;
204 text-align: right;
205 .text-overflow();
206 }
207 dd {
208 margin-left: @component-offset-horizontal;
209 &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
210 }
211 }
212 }
213  
214 // MISC
215 // ----
216  
217 // Abbreviations and acronyms
218 abbr[title],
219 // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
220 abbr[data-original-title] {
221 cursor: help;
222 border-bottom: 1px dotted @abbr-border-color;
223 }
224 .initialism {
225 font-size: 90%;
226 text-transform: uppercase;
227 }
228  
229 // Blockquotes
230 blockquote {
231 padding: (@line-height-computed / 2) @line-height-computed;
232 margin: 0 0 @line-height-computed;
233 font-size: @blockquote-font-size;
234 border-left: 5px solid @blockquote-border-color;
235  
236 p,
237 ul,
238 ol {
239 &:last-child {
240 margin-bottom: 0;
241 }
242 }
243  
244 // Note: Deprecated small and .small as of v3.1.0
245 // Context: https://github.com/twbs/bootstrap/issues/11660
246 footer,
247 small,
248 .small {
249 display: block;
250 font-size: 80%; // back to default font-size
251 line-height: @line-height-base;
252 color: @blockquote-small-color;
253  
254 &:before {
255 content: '\2014 \00A0'; // em dash, nbsp
256 }
257 }
258 }
259  
260 // Opposite alignment of blockquote
261 //
262 // Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
263 .blockquote-reverse,
264 blockquote.pull-right {
265 padding-right: 15px;
266 padding-left: 0;
267 border-right: 5px solid @blockquote-border-color;
268 border-left: 0;
269 text-align: right;
270  
271 // Account for citation
272 footer,
273 small,
274 .small {
275 &:before { content: ''; }
276 &:after {
277 content: '\00A0 \2014'; // nbsp, em dash
278 }
279 }
280 }
281  
282 // Quotes
283 blockquote:before,
284 blockquote:after {
285 content: "";
286 }
287  
288 // Addresses
289 address {
290 margin-bottom: @line-height-computed;
291 font-style: normal;
292 line-height: @line-height-base;
293 }