1 /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
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.
11 // ==========================================================================
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
21 // ==========================================================================
24 // Remove the margin in all browsers (opinionated).
32 // Add the correct display in IE 9-.
45 // Correct the font size and margin on `h1` elements within `section` and
46 // `article` contexts in Chrome, Firefox, and Safari.
55 // ==========================================================================
58 // Add the correct display in IE 9-.
59 // 1. Add the correct display in IE.
69 // Add the correct margin in IE 8.
77 // 1. Add the correct box sizing in Firefox.
78 // 2. Show the overflow in Edge and IE.
82 box-sizing: content-box; // 1
84 overflow: visible; // 2
88 // 1. Correct the inheritance and scaling of font size in all browsers.
89 // 2. Correct the odd `em` font sizing in all browsers.
93 font-family: monospace, monospace; // 1
97 // Text-level semantics
98 // ==========================================================================
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+.
106 background-color: transparent; // 1
107 -webkit-text-decoration-skip: objects; // 2
111 // Remove the outline on focused links when they are also active or hovered
112 // in all browsers (opinionated).
121 // 1. Remove the bottom border in Firefox 39-.
122 // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
126 border-bottom: none; // 1
127 text-decoration: underline; // 2
128 text-decoration: underline dotted; // 2
132 // Prevent the duplicate application of `bolder` by the next rule in Safari 6.
137 font-weight: inherit;
141 // Add the correct font weight in Chrome, Edge, and Safari.
150 // 1. Correct the inheritance and scaling of font size in all browsers.
151 // 2. Correct the odd `em` font sizing in all browsers.
157 font-family: monospace, monospace; // 1
162 // Add the correct font style in Android 4.3-.
170 // Add the correct background and color in IE 9-.
174 background-color: #ff0;
179 // Add the correct font size in all browsers.
187 // Prevent `sub` and `sup` elements from affecting the line height in
196 vertical-align: baseline;
208 // ==========================================================================
211 // Add the correct display in IE 9-.
216 display: inline-block;
220 // Add the correct display in iOS 4-7.
223 audio:not([controls]) {
229 // Remove the border on images inside links in IE 10-.
237 // Hide the overflow in IE.
245 // ==========================================================================
248 // 1. Change the font styles in all browsers (opinionated).
249 // 2. Remove the margin in Firefox and Safari.
257 font-family: sans-serif; // 1
258 font-size: 100%; // 1
259 line-height: 1.15; // 1
264 // Show the overflow in IE.
265 // 1. Show the overflow in Edge.
274 // Remove the inheritance of text transform in Edge, Firefox, and IE.
275 // 1. Remove the inheritance of text transform in Firefox.
280 text-transform: none;
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.
290 html [type="button"], // 1
293 -webkit-appearance: button; // 2
297 // Remove the inner border and padding in Firefox.
300 button::-moz-focus-inner,
301 [type="button"]::-moz-focus-inner,
302 [type="reset"]::-moz-focus-inner,
303 [type="submit"]::-moz-focus-inner {
309 // Restore the focus styles unset by the previous rule.
312 button:-moz-focusring,
313 [type="button"]:-moz-focusring,
314 [type="reset"]:-moz-focusring,
315 [type="submit"]:-moz-focusring {
316 outline: 1px dotted ButtonText;
320 // Change the border, margin, and padding in all browsers (opinionated).
324 border: 1px solid #c0c0c0;
326 padding: 0.35em 0.625em 0.75em;
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.
337 box-sizing: border-box; // 1
340 max-width: 100%; // 1
342 white-space: normal; // 1
346 // 1. Add the correct display in IE 9-.
347 // 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
351 display: inline-block; // 1
352 vertical-align: baseline; // 2
356 // Remove the default vertical scrollbar in IE.
364 // 1. Add the correct box sizing in IE 10-.
365 // 2. Remove the padding in IE 10-.
370 box-sizing: border-box; // 1
375 // Correct the cursor style of increment and decrement buttons in Chrome.
378 [type="number"]::-webkit-inner-spin-button,
379 [type="number"]::-webkit-outer-spin-button {
384 // 1. Correct the odd appearance in Chrome and Safari.
385 // 2. Correct the outline style in Safari.
389 -webkit-appearance: textfield; // 1
390 outline-offset: -2px; // 2
394 // Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
397 [type="search"]::-webkit-search-cancel-button,
398 [type="search"]::-webkit-search-decoration {
399 -webkit-appearance: none;
403 // 1. Correct the inability to style clickable types in iOS and Safari.
404 // 2. Change font properties to `inherit` in Safari.
407 ::-webkit-file-upload-button {
408 -webkit-appearance: button; // 1
413 // ==========================================================================
416 // Add the correct display in IE 9-.
417 // 1. Add the correct display in Edge, IE, and Firefox.
426 // Add the correct display in all browsers.
434 // ==========================================================================
437 // Add the correct display in IE 9-.
441 display: inline-block;
445 // Add the correct display in IE.
453 // ==========================================================================
456 // Add the correct display in IE 10-.