assets/stylesheets/bootstrap/_normalize.scss in bootstrap-4.0.0.alpha4 vs assets/stylesheets/bootstrap/_normalize.scss in bootstrap-4.0.0.alpha5
- old
+ new
@@ -1,16 +1,18 @@
-/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
+/*! normalize.css v4.2.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.
+// 2. Correct the line height in all browsers.
+// 3. 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
+ line-height: 1.15; // 2
+ -ms-text-size-adjust: 100%; // 3
+ -webkit-text-size-adjust: 100%; // 3
}
//
// Remove the margin in all browsers (opinionated).
//
@@ -74,24 +76,26 @@
//
// Add the correct display in IE 10-.
// 1. Add the correct display in IE.
//
-template, // 2
+template, // 1
[hidden] {
display: none;
}
// Links
// ==========================================================================
//
-// Remove the gray background on active links in IE 10.
+// 1. Remove the gray background on active links in IE 10.
+// 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
//
a {
- background-color: transparent;
+ background-color: transparent; // 1
+ -webkit-text-decoration-skip: objects; // 2
}
//
// Remove the outline on focused links when they are also active or hovered
// in all browsers (opinionated).
@@ -246,18 +250,21 @@
// Forms
// ==========================================================================
//
-// Change font properties to `inherit` in all browsers (opinionated).
+// 1. Change font properties to `inherit` in all browsers (opinionated).
+// 2. Remove the margin in Firefox and Safari.
//
button,
input,
+optgroup,
select,
textarea {
- font: inherit;
+ font: inherit; // 1
+ margin: 0; // 2
}
//
// Restore the font weight unset by the previous rule.
//
@@ -267,64 +274,31 @@
}
//
// 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
overflow: visible;
}
//
-// Remove the margin in Safari.
-// 1. Remove the margin in Firefox and Safari.
+// Remove the inheritance of text transform in Edge, Firefox, and IE.
+// 1. Remove the inheritance of text transform in Firefox.
//
button,
-input,
-select,
-textarea { // 1
- margin: 0;
-}
-
-//
-// Remove the inheritence of text transform in Edge, Firefox, and IE.
-// 1. Remove the inheritence of text transform in Firefox.
-//
-
-button,
select { // 1
text-transform: none;
}
//
-// Change the cursor in all browsers (opinionated).
-//
-
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
- cursor: pointer;
-}
-
-//
-// 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.
+// 2. Correct the inability to style clickable types in iOS and Safari.
//
button,
html [type="button"], // 1
[type="reset"],
@@ -335,21 +309,25 @@
//
// Remove the inner border and padding in Firefox.
//
button::-moz-focus-inner,
-input::-moz-focus-inner {
- border: 0;
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
padding: 0;
}
//
// Restore the focus styles unset by the previous rule.
//
button:-moz-focusring,
-input:-moz-focusring {
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
//
// Change the border, margin, and padding in all browsers (opinionated).
@@ -404,21 +382,41 @@
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
//
-// Correct the odd appearance of search inputs in Chrome and Safari.
+// 1. Correct the odd appearance in Chrome and Safari.
+// 2. Correct the outline style in Safari.
//
[type="search"] {
- -webkit-appearance: textfield;
+ -webkit-appearance: textfield; // 1
+ outline-offset: -2px; // 2
}
//
-// 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 and Safari on OS X.
//
[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
}