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;
}