diff --git a/scss/_normalize.scss b/scss/_normalize.scss index b0d3f972a8..8a74836b09 100644 --- a/scss/_normalize.scss +++ b/scss/_normalize.scss @@ -1,51 +1,51 @@ /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Prevent adjustments of font size after orientation changes in IE and iOS. - */ +// +// 1. Change the default font family in all browsers (opinionated). +// 2. Prevent adjustments of font size after orientation changes in IE and iOS. +// html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ + font-family: sans-serif; // 1 + -ms-text-size-adjust: 100%; // 2 + -webkit-text-size-adjust: 100%; // 2 } -/** - * Remove the margin in all browsers (opinionated). - */ +// +// Remove the margin in all browsers (opinionated). +// body { margin: 0; } -/* HTML5 display definitions - ========================================================================== */ +// HTML5 display definitions +// ========================================================================== -/** - * Add the correct display in IE 9-. - * 1. Add the correct display in Edge, IE, and Firefox. - * 2. Add the correct display in IE. - */ +// +// Add the correct display in IE 9-. +// 1. Add the correct display in Edge, IE, and Firefox. +// 2. Add the correct display in IE. +// article, aside, -details, /* 1 */ +details, // 1 figcaption, figure, footer, header, -main, /* 2 */ +main, // 2 menu, nav, section, -summary { /* 1 */ +summary { // 1 display: block; } -/** - * Add the correct display in IE 9-. - */ +// +// Add the correct display in IE 9-. +// audio, canvas, @@ -54,125 +54,125 @@ video { display: inline-block; } -/** - * Add the correct display in iOS 4-7. - */ +// +// Add the correct display in iOS 4-7. +// audio:not([controls]) { display: none; height: 0; } -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ +// +// Add the correct vertical alignment in Chrome, Firefox, and Opera. +// progress { vertical-align: baseline; } -/** - * Add the correct display in IE 10-. - * 1. Add the correct display in IE. - */ +// +// Add the correct display in IE 10-. +// 1. Add the correct display in IE. +// -template, /* 1 */ +template, // 2 [hidden] { display: none; } -/* Links - ========================================================================== */ +// Links +// ========================================================================== -/** - * Remove the gray background on active links in IE 10. - */ +// +// Remove the gray background on active links in IE 10. +// a { background-color: transparent; } -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ +// +// Remove the outline on focused links when they are also active or hovered +// in all browsers (opinionated). +// a:active, a:hover { outline-width: 0; } -/* Text-level semantics - ========================================================================== */ +// Text-level semantics +// ========================================================================== -/** - * 1. Remove the bottom border in Firefox 39-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ +// +// 1. Remove the bottom border in Firefox 39-. +// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. +// abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ + border-bottom: none; // 1 + text-decoration: underline; // 2 + text-decoration: underline dotted; // 2 } -/** - * Prevent the duplicate application of `bolder` by the next rule in Safari 6. - */ +// +// Prevent the duplicate application of `bolder` by the next rule in Safari 6. +// b, strong { font-weight: inherit; } -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ +// +// Add the correct font weight in Chrome, Edge, and Safari. +// b, strong { font-weight: bolder; } -/** - * Add the correct font style in Android 4.3-. - */ +// +// Add the correct font style in Android 4.3-. +// dfn { font-style: italic; } -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ +// +// Correct the font size and margin on `h1` elements within `section` and +// `article` contexts in Chrome, Firefox, and Safari. +// h1 { font-size: 2em; margin: 0.67em 0; } -/** - * Add the correct background and color in IE 9-. - */ +// +// Add the correct background and color in IE 9-. +// mark { background-color: #ff0; color: #000; } -/** - * Add the correct font size in all browsers. - */ +// +// Add the correct font size in all browsers. +// small { font-size: 80%; } -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ +// +// Prevent `sub` and `sup` elements from affecting the line height in +// all browsers. +// sub, sup { @@ -190,66 +190,66 @@ sup { top: -0.5em; } -/* Embedded content - ========================================================================== */ +// Embedded content +// ========================================================================== -/** - * Remove the border on images inside links in IE 10-. - */ +// +// Remove the border on images inside links in IE 10-. +// img { border-style: none; } -/** - * Hide the overflow in IE. - */ +// +// Hide the overflow in IE. +// svg:not(:root) { overflow: hidden; } -/* Grouping content - ========================================================================== */ +// Grouping content +// ========================================================================== -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ +// +// 1. Correct the inheritance and scaling of font size in all browsers. +// 2. Correct the odd `em` font sizing in all browsers. +// code, kbd, pre, samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; // 1 + font-size: 1em; // 2 } -/** - * Add the correct margin in IE 8. - */ +// +// Add the correct margin in IE 8. +// figure { margin: 1em 40px; } -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ +// +// 1. Add the correct box sizing in Firefox. +// 2. Show the overflow in Edge and IE. +// hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ + box-sizing: content-box; // 1 + height: 0; // 1 + overflow: visible; // 2 } -/* Forms - ========================================================================== */ +// Forms +// ========================================================================== -/** - * Change font properties to `inherit` in all browsers (opinionated). - */ +// +// Change font properties to `inherit` in all browsers (opinionated). +// button, input, @@ -258,51 +258,51 @@ textarea { font: inherit; } -/** - * Restore the font weight unset by the previous rule. - */ +// +// Restore the font weight unset by the previous rule. +// optgroup { font-weight: bold; } -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - * 2. Show the overflow in Edge, Firefox, and IE. - */ +// +// Show the overflow in IE. +// 1. Show the overflow in Edge. +// 2. Show the overflow in Edge, Firefox, and IE. +// button, -input, /* 1 */ -select { /* 2 */ +input, // 1 +select { // 2 overflow: visible; } -/** - * Remove the margin in Safari. - * 1. Remove the margin in Firefox and Safari. - */ +// +// Remove the margin in Safari. +// 1. Remove the margin in Firefox and Safari. +// button, input, select, -textarea { /* 1 */ +textarea { // 1 margin: 0; } -/** - * Remove the inheritence of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritence of text transform in Firefox. - */ +// +// Remove the inheritence of text transform in Edge, Firefox, and IE. +// 1. Remove the inheritence of text transform in Firefox. +// button, -select { /* 1 */ +select { // 1 text-transform: none; } -/** - * Change the cursor in all browsers (opinionated). - */ +// +// Change the cursor in all browsers (opinionated). +// button, [type="button"], @@ -311,30 +311,30 @@ button, cursor: pointer; } -/** - * Restore the default cursor to disabled elements unset by the previous rule. - */ +// +// Restore the default cursor to disabled elements unset by the previous rule. +// [disabled] { cursor: default; } -/** - * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` - * controls in Android 4. - * 2. Correct the inability to style clickable types in iOS. - */ +// +// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` +// controls in Android 4. +// 2. Correct the inability to style clickable types in iOS. +// button, -html [type="button"], /* 1 */ +html [type="button"], // 1 [type="reset"], [type="submit"] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; // 2 } -/** - * Remove the inner border and padding in Firefox. - */ +// +// Remove the inner border and padding in Firefox. +// button::-moz-focus-inner, input::-moz-focus-inner { @@ -342,18 +342,18 @@ input::-moz-focus-inner { padding: 0; } -/** - * Restore the focus styles unset by the previous rule. - */ +// +// Restore the focus styles unset by the previous rule. +// button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ +// +// Change the border, margin, and padding in all browsers (opinionated). +// fieldset { border: 1px solid #c0c0c0; @@ -361,62 +361,62 @@ fieldset { padding: 0.35em 0.625em 0.75em; } -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ +// +// 1. Correct the text wrapping in Edge and IE. +// 2. Correct the color inheritance from `fieldset` elements in IE. +// 3. Remove the padding so developers are not caught out when they zero out +// `fieldset` elements in all browsers. +// legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ + box-sizing: border-box; // 1 + color: inherit; // 2 + display: table; // 1 + max-width: 100%; // 1 + padding: 0; // 3 + white-space: normal; // 1 } -/** - * Remove the default vertical scrollbar in IE. - */ +// +// Remove the default vertical scrollbar in IE. +// textarea { overflow: auto; } -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ +// +// 1. Add the correct box sizing in IE 10-. +// 2. Remove the padding in IE 10-. +// [type="checkbox"], [type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ + box-sizing: border-box; // 1 + padding: 0; // 2 } -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ +// +// Correct the cursor style of increment and decrement buttons in Chrome. +// [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } -/** - * Correct the odd appearance of search inputs in Chrome and Safari. - */ +// +// Correct the odd appearance of search inputs in Chrome and Safari. +// [type="search"] { -webkit-appearance: textfield; } -/** - * Remove the inner padding and cancel buttons in Chrome on OS X and - * Safari on OS X. - */ +// +// Remove the inner padding and cancel buttons in Chrome on OS X and +// Safari on OS X. +// [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {