]> git.ipfire.org Git - ipfire.org.git/blob - src/scss/bootstrap-4.0.0-alpha.6/scss/_normalize.scss
Introduce autotools
[ipfire.org.git] / src / scss / bootstrap-4.0.0-alpha.6 / scss / _normalize.scss
1 /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
2
3 //
4 // 1. Change the default font family in all browsers (opinionated).
5 // 2. Correct the line height in all browsers.
6 // 3. Prevent adjustments of font size after orientation changes in
7 // IE on Windows Phone and in iOS.
8 //
9
10 // Document
11 // ==========================================================================
12
13 html {
14 font-family: sans-serif; // 1
15 line-height: 1.15; // 2
16 -ms-text-size-adjust: 100%; // 3
17 -webkit-text-size-adjust: 100%; // 3
18 }
19
20 // Sections
21 // ==========================================================================
22
23 //
24 // Remove the margin in all browsers (opinionated).
25 //
26
27 body {
28 margin: 0;
29 }
30
31 //
32 // Add the correct display in IE 9-.
33 //
34
35 article,
36 aside,
37 footer,
38 header,
39 nav,
40 section {
41 display: block;
42 }
43
44 //
45 // Correct the font size and margin on `h1` elements within `section` and
46 // `article` contexts in Chrome, Firefox, and Safari.
47 //
48
49 h1 {
50 font-size: 2em;
51 margin: 0.67em 0;
52 }
53
54 // Grouping content
55 // ==========================================================================
56
57 //
58 // Add the correct display in IE 9-.
59 // 1. Add the correct display in IE.
60 //
61
62 figcaption,
63 figure,
64 main { // 1
65 display: block;
66 }
67
68 //
69 // Add the correct margin in IE 8.
70 //
71
72 figure {
73 margin: 1em 40px;
74 }
75
76 //
77 // 1. Add the correct box sizing in Firefox.
78 // 2. Show the overflow in Edge and IE.
79 //
80
81 hr {
82 box-sizing: content-box; // 1
83 height: 0; // 1
84 overflow: visible; // 2
85 }
86
87 //
88 // 1. Correct the inheritance and scaling of font size in all browsers.
89 // 2. Correct the odd `em` font sizing in all browsers.
90 //
91
92 pre {
93 font-family: monospace, monospace; // 1
94 font-size: 1em; // 2
95 }
96
97 // Text-level semantics
98 // ==========================================================================
99
100 //
101 // 1. Remove the gray background on active links in IE 10.
102 // 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
103 //
104
105 a {
106 background-color: transparent; // 1
107 -webkit-text-decoration-skip: objects; // 2
108 }
109
110 //
111 // Remove the outline on focused links when they are also active or hovered
112 // in all browsers (opinionated).
113 //
114
115 a:active,
116 a:hover {
117 outline-width: 0;
118 }
119
120 //
121 // 1. Remove the bottom border in Firefox 39-.
122 // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
123 //
124
125 abbr[title] {
126 border-bottom: none; // 1
127 text-decoration: underline; // 2
128 text-decoration: underline dotted; // 2
129 }
130
131 //
132 // Prevent the duplicate application of `bolder` by the next rule in Safari 6.
133 //
134
135 b,
136 strong {
137 font-weight: inherit;
138 }
139
140 //
141 // Add the correct font weight in Chrome, Edge, and Safari.
142 //
143
144 b,
145 strong {
146 font-weight: bolder;
147 }
148
149 //
150 // 1. Correct the inheritance and scaling of font size in all browsers.
151 // 2. Correct the odd `em` font sizing in all browsers.
152 //
153
154 code,
155 kbd,
156 samp {
157 font-family: monospace, monospace; // 1
158 font-size: 1em; // 2
159 }
160
161 //
162 // Add the correct font style in Android 4.3-.
163 //
164
165 dfn {
166 font-style: italic;
167 }
168
169 //
170 // Add the correct background and color in IE 9-.
171 //
172
173 mark {
174 background-color: #ff0;
175 color: #000;
176 }
177
178 //
179 // Add the correct font size in all browsers.
180 //
181
182 small {
183 font-size: 80%;
184 }
185
186 //
187 // Prevent `sub` and `sup` elements from affecting the line height in
188 // all browsers.
189 //
190
191 sub,
192 sup {
193 font-size: 75%;
194 line-height: 0;
195 position: relative;
196 vertical-align: baseline;
197 }
198
199 sub {
200 bottom: -0.25em;
201 }
202
203 sup {
204 top: -0.5em;
205 }
206
207 // Embedded content
208 // ==========================================================================
209
210 //
211 // Add the correct display in IE 9-.
212 //
213
214 audio,
215 video {
216 display: inline-block;
217 }
218
219 //
220 // Add the correct display in iOS 4-7.
221 //
222
223 audio:not([controls]) {
224 display: none;
225 height: 0;
226 }
227
228 //
229 // Remove the border on images inside links in IE 10-.
230 //
231
232 img {
233 border-style: none;
234 }
235
236 //
237 // Hide the overflow in IE.
238 //
239
240 svg:not(:root) {
241 overflow: hidden;
242 }
243
244 // Forms
245 // ==========================================================================
246
247 //
248 // 1. Change the font styles in all browsers (opinionated).
249 // 2. Remove the margin in Firefox and Safari.
250 //
251
252 button,
253 input,
254 optgroup,
255 select,
256 textarea {
257 font-family: sans-serif; // 1
258 font-size: 100%; // 1
259 line-height: 1.15; // 1
260 margin: 0; // 2
261 }
262
263 //
264 // Show the overflow in IE.
265 // 1. Show the overflow in Edge.
266 //
267
268 button,
269 input { // 1
270 overflow: visible;
271 }
272
273 //
274 // Remove the inheritance of text transform in Edge, Firefox, and IE.
275 // 1. Remove the inheritance of text transform in Firefox.
276 //
277
278 button,
279 select { // 1
280 text-transform: none;
281 }
282
283 //
284 // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
285 // controls in Android 4.
286 // 2. Correct the inability to style clickable types in iOS and Safari.
287 //
288
289 button,
290 html [type="button"], // 1
291 [type="reset"],
292 [type="submit"] {
293 -webkit-appearance: button; // 2
294 }
295
296 //
297 // Remove the inner border and padding in Firefox.
298 //
299
300 button::-moz-focus-inner,
301 [type="button"]::-moz-focus-inner,
302 [type="reset"]::-moz-focus-inner,
303 [type="submit"]::-moz-focus-inner {
304 border-style: none;
305 padding: 0;
306 }
307
308 //
309 // Restore the focus styles unset by the previous rule.
310 //
311
312 button:-moz-focusring,
313 [type="button"]:-moz-focusring,
314 [type="reset"]:-moz-focusring,
315 [type="submit"]:-moz-focusring {
316 outline: 1px dotted ButtonText;
317 }
318
319 //
320 // Change the border, margin, and padding in all browsers (opinionated).
321 //
322
323 fieldset {
324 border: 1px solid #c0c0c0;
325 margin: 0 2px;
326 padding: 0.35em 0.625em 0.75em;
327 }
328
329 //
330 // 1. Correct the text wrapping in Edge and IE.
331 // 2. Correct the color inheritance from `fieldset` elements in IE.
332 // 3. Remove the padding so developers are not caught out when they zero out
333 // `fieldset` elements in all browsers.
334 //
335
336 legend {
337 box-sizing: border-box; // 1
338 color: inherit; // 2
339 display: table; // 1
340 max-width: 100%; // 1
341 padding: 0; // 3
342 white-space: normal; // 1
343 }
344
345 //
346 // 1. Add the correct display in IE 9-.
347 // 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
348 //
349
350 progress {
351 display: inline-block; // 1
352 vertical-align: baseline; // 2
353 }
354
355 //
356 // Remove the default vertical scrollbar in IE.
357 //
358
359 textarea {
360 overflow: auto;
361 }
362
363 //
364 // 1. Add the correct box sizing in IE 10-.
365 // 2. Remove the padding in IE 10-.
366 //
367
368 [type="checkbox"],
369 [type="radio"] {
370 box-sizing: border-box; // 1
371 padding: 0; // 2
372 }
373
374 //
375 // Correct the cursor style of increment and decrement buttons in Chrome.
376 //
377
378 [type="number"]::-webkit-inner-spin-button,
379 [type="number"]::-webkit-outer-spin-button {
380 height: auto;
381 }
382
383 //
384 // 1. Correct the odd appearance in Chrome and Safari.
385 // 2. Correct the outline style in Safari.
386 //
387
388 [type="search"] {
389 -webkit-appearance: textfield; // 1
390 outline-offset: -2px; // 2
391 }
392
393 //
394 // Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
395 //
396
397 [type="search"]::-webkit-search-cancel-button,
398 [type="search"]::-webkit-search-decoration {
399 -webkit-appearance: none;
400 }
401
402 //
403 // 1. Correct the inability to style clickable types in iOS and Safari.
404 // 2. Change font properties to `inherit` in Safari.
405 //
406
407 ::-webkit-file-upload-button {
408 -webkit-appearance: button; // 1
409 font: inherit; // 2
410 }
411
412 // Interactive
413 // ==========================================================================
414
415 //
416 // Add the correct display in IE 9-.
417 // 1. Add the correct display in Edge, IE, and Firefox.
418 //
419
420 details, // 1
421 menu {
422 display: block;
423 }
424
425 //
426 // Add the correct display in all browsers.
427 //
428
429 summary {
430 display: list-item;
431 }
432
433 // Scripting
434 // ==========================================================================
435
436 //
437 // Add the correct display in IE 9-.
438 //
439
440 canvas {
441 display: inline-block;
442 }
443
444 //
445 // Add the correct display in IE.
446 //
447
448 template {
449 display: none;
450 }
451
452 // Hidden
453 // ==========================================================================
454
455 //
456 // Add the correct display in IE 10-.
457 //
458
459 [hidden] {
460 display: none;
461 }