assets/stylesheets/bootstrap/_normalize.scss in bootstrap-4.0.0.alpha5 vs assets/stylesheets/bootstrap/_normalize.scss in bootstrap-4.0.0.alpha6

- old
+ new

@@ -1,91 +1,102 @@ -/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */ +/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ // // 1. Change the default font family in all browsers (opinionated). // 2. Correct the line height in all browsers. -// 3. Prevent adjustments of font size after orientation changes in IE and iOS. +// 3. Prevent adjustments of font size after orientation changes in +// IE on Windows Phone and in iOS. // +// Document +// ========================================================================== + html { font-family: sans-serif; // 1 line-height: 1.15; // 2 -ms-text-size-adjust: 100%; // 3 -webkit-text-size-adjust: 100%; // 3 } +// Sections +// ========================================================================== + // // Remove the margin in all browsers (opinionated). // body { margin: 0; } -// 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. // article, aside, -details, // 1 -figcaption, -figure, footer, header, -main, // 2 -menu, nav, -section, -summary { // 1 +section { display: block; } // +// 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; +} + +// Grouping content +// ========================================================================== + +// // Add the correct display in IE 9-. +// 1. Add the correct display in IE. // -audio, -canvas, -progress, -video { - display: inline-block; +figcaption, +figure, +main { // 1 + display: block; } // -// Add the correct display in iOS 4-7. +// Add the correct margin in IE 8. // -audio:not([controls]) { - display: none; - height: 0; +figure { + margin: 1em 40px; } // -// Add the correct vertical alignment in Chrome, Firefox, and Opera. +// 1. Add the correct box sizing in Firefox. +// 2. Show the overflow in Edge and IE. // -progress { - vertical-align: baseline; +hr { + box-sizing: content-box; // 1 + height: 0; // 1 + overflow: visible; // 2 } // -// Add the correct display in IE 10-. -// 1. Add the correct display in IE. +// 1. Correct the inheritance and scaling of font size in all browsers. +// 2. Correct the odd `em` font sizing in all browsers. // -template, // 1 -[hidden] { - display: none; +pre { + font-family: monospace, monospace; // 1 + font-size: 1em; // 2 } -// Links +// Text-level semantics // ========================================================================== // // 1. Remove the gray background on active links in IE 10. // 2. Remove gaps in links underline in iOS 8+ and Safari 8+. @@ -104,13 +115,10 @@ a:active, a:hover { outline-width: 0; } -// Text-level semantics -// ========================================================================== - // // 1. Remove the bottom border in Firefox 39-. // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. // @@ -137,25 +145,27 @@ strong { font-weight: bolder; } // -// Add the correct font style in Android 4.3-. +// 1. Correct the inheritance and scaling of font size in all browsers. +// 2. Correct the odd `em` font sizing in all browsers. // -dfn { - font-style: italic; +code, +kbd, +samp { + font-family: monospace, monospace; // 1 + font-size: 1em; // 2 } // -// Correct the font size and margin on `h1` elements within `section` and -// `article` contexts in Chrome, Firefox, and Safari. +// Add the correct font style in Android 4.3-. // -h1 { - font-size: 2em; - margin: 0.67em 0; +dfn { + font-style: italic; } // // Add the correct background and color in IE 9-. // @@ -196,86 +206,63 @@ // Embedded content // ========================================================================== // -// Remove the border on images inside links in IE 10-. +// Add the correct display in IE 9-. // -img { - border-style: none; +audio, +video { + display: inline-block; } // -// Hide the overflow in IE. +// Add the correct display in iOS 4-7. // -svg:not(:root) { - overflow: hidden; +audio:not([controls]) { + display: none; + height: 0; } -// Grouping content -// ========================================================================== - // -// 1. Correct the inheritance and scaling of font size in all browsers. -// 2. Correct the odd `em` font sizing in all browsers. +// Remove the border on images inside links in IE 10-. // -code, -kbd, -pre, -samp { - font-family: monospace, monospace; // 1 - font-size: 1em; // 2 +img { + border-style: none; } // -// Add the correct margin in IE 8. +// Hide the overflow in IE. // -figure { - margin: 1em 40px; +svg:not(:root) { + overflow: hidden; } -// -// 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 -} - // Forms // ========================================================================== // -// 1. Change font properties to `inherit` in all browsers (opinionated). +// 1. Change the font styles in all browsers (opinionated). // 2. Remove the margin in Firefox and Safari. // button, input, optgroup, select, textarea { - font: inherit; // 1 + font-family: sans-serif; // 1 + font-size: 100%; // 1 + line-height: 1.15; // 1 margin: 0; // 2 } // -// Restore the font weight unset by the previous rule. -// - -optgroup { - font-weight: bold; -} - -// // Show the overflow in IE. // 1. Show the overflow in Edge. // button, @@ -354,10 +341,20 @@ padding: 0; // 3 white-space: normal; // 1 } // +// 1. Add the correct display in IE 9-. +// 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. +// + +progress { + display: inline-block; // 1 + vertical-align: baseline; // 2 +} + +// // Remove the default vertical scrollbar in IE. // textarea { overflow: auto; @@ -392,31 +389,73 @@ -webkit-appearance: textfield; // 1 outline-offset: -2px; // 2 } // -// Remove the inner padding and cancel buttons in Chrome and Safari on OS X. +// Remove the inner padding and cancel buttons in Chrome and Safari on macOS. // [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } // -// Correct the text style of placeholders in Chrome, Edge, and Safari. -// - -::-webkit-input-placeholder { - color: inherit; - opacity: 0.54; -} - -// // 1. Correct the inability to style clickable types in iOS and Safari. // 2. Change font properties to `inherit` in Safari. // ::-webkit-file-upload-button { -webkit-appearance: button; // 1 font: inherit; // 2 +} + +// Interactive +// ========================================================================== + +// +// Add the correct display in IE 9-. +// 1. Add the correct display in Edge, IE, and Firefox. +// + +details, // 1 +menu { + display: block; +} + +// +// Add the correct display in all browsers. +// + +summary { + display: list-item; +} + +// Scripting +// ========================================================================== + +// +// Add the correct display in IE 9-. +// + +canvas { + display: inline-block; +} + +// +// Add the correct display in IE. +// + +template { + display: none; +} + +// Hidden +// ========================================================================== + +// +// Add the correct display in IE 10-. +// + +[hidden] { + display: none; }