]> git.ipfire.org Git - ipfire.org.git/blame - 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
CommitLineData
91e44d91
S
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
13html {
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
27body {
28 margin: 0;
29}
30
31//
32// Add the correct display in IE 9-.
33//
34
35article,
36aside,
37footer,
38header,
39nav,
40section {
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
49h1 {
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
62figcaption,
63figure,
64main { // 1
65 display: block;
66}
67
68//
69// Add the correct margin in IE 8.
70//
71
72figure {
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
81hr {
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
92pre {
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
105a {
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
115a:active,
116a: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
125abbr[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
135b,
136strong {
137 font-weight: inherit;
138}
139
140//
141// Add the correct font weight in Chrome, Edge, and Safari.
142//
143
144b,
145strong {
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
154code,
155kbd,
156samp {
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
165dfn {
166 font-style: italic;
167}
168
169//
170// Add the correct background and color in IE 9-.
171//
172
173mark {
174 background-color: #ff0;
175 color: #000;
176}
177
178//
179// Add the correct font size in all browsers.
180//
181
182small {
183 font-size: 80%;
184}
185
186//
187// Prevent `sub` and `sup` elements from affecting the line height in
188// all browsers.
189//
190
191sub,
192sup {
193 font-size: 75%;
194 line-height: 0;
195 position: relative;
196 vertical-align: baseline;
197}
198
199sub {
200 bottom: -0.25em;
201}
202
203sup {
204 top: -0.5em;
205}
206
207// Embedded content
208// ==========================================================================
209
210//
211// Add the correct display in IE 9-.
212//
213
214audio,
215video {
216 display: inline-block;
217}
218
219//
220// Add the correct display in iOS 4-7.
221//
222
223audio:not([controls]) {
224 display: none;
225 height: 0;
226}
227
228//
229// Remove the border on images inside links in IE 10-.
230//
231
232img {
233 border-style: none;
234}
235
236//
237// Hide the overflow in IE.
238//
239
240svg: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
252button,
253input,
254optgroup,
255select,
256textarea {
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
268button,
269input { // 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
278button,
279select { // 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
289button,
290html [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
300button::-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
312button:-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
323fieldset {
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
336legend {
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
350progress {
351 display: inline-block; // 1
352 vertical-align: baseline; // 2
353}
354
355//
356// Remove the default vertical scrollbar in IE.
357//
358
359textarea {
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
420details, // 1
421menu {
422 display: block;
423}
424
425//
426// Add the correct display in all browsers.
427//
428
429summary {
430 display: list-item;
431}
432
433// Scripting
434// ==========================================================================
435
436//
437// Add the correct display in IE 9-.
438//
439
440canvas {
441 display: inline-block;
442}
443
444//
445// Add the correct display in IE.
446//
447
448template {
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}