Commit 0f391965 authored by Bardi Harborow's avatar Bardi Harborow
Browse files

Update Normalize to v5.0.0.

parent 4332a5cc
Showing with 133 additions and 94 deletions
+133 -94
/*! 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). // 1. Change the default font family in all browsers (opinionated).
// 2. Correct the line height in all browsers. // 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 { html {
font-family: sans-serif; // 1 font-family: sans-serif; // 1
line-height: 1.15; // 2 line-height: 1.15; // 2
...@@ -13,6 +17,9 @@ html { ...@@ -13,6 +17,9 @@ html {
-webkit-text-size-adjust: 100%; // 3 -webkit-text-size-adjust: 100%; // 3
} }
// Sections
// ==========================================================================
// //
// Remove the margin in all browsers (opinionated). // Remove the margin in all browsers (opinionated).
// //
...@@ -21,69 +28,73 @@ body { ...@@ -21,69 +28,73 @@ body {
margin: 0; margin: 0;
} }
// HTML5 display definitions
// ==========================================================================
// //
// Add the correct display in IE 9-. // 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, article,
aside, aside,
details, // 1
figcaption,
figure,
footer, footer,
header, header,
main, // 2
menu,
nav, nav,
section, section {
summary { // 1
display: block; 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-. // Add the correct display in IE 9-.
// 1. Add the correct display in IE.
// //
audio, figcaption,
canvas, figure,
progress, main { // 1
video { display: block;
display: inline-block;
} }
// //
// Add the correct display in iOS 4-7. // Add the correct margin in IE 8.
// //
audio:not([controls]) { figure {
display: none; margin: 1em 40px;
height: 0;
} }
// //
// 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 { hr {
vertical-align: baseline; box-sizing: content-box; // 1
height: 0; // 1
overflow: visible; // 2
} }
// //
// Add the correct display in IE 10-. // 1. Correct the inheritance and scaling of font size in all browsers.
// 1. Add the correct display in IE. // 2. Correct the odd `em` font sizing in all browsers.
// //
template, // 1 pre {
[hidden] { font-family: monospace, monospace; // 1
display: none; font-size: 1em; // 2
} }
// Links // Text-level semantics
// ========================================================================== // ==========================================================================
// //
...@@ -106,9 +117,6 @@ a:hover { ...@@ -106,9 +117,6 @@ a:hover {
outline-width: 0; outline-width: 0;
} }
// Text-level semantics
// ==========================================================================
// //
// 1. Remove the bottom border in Firefox 39-. // 1. Remove the bottom border in Firefox 39-.
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
...@@ -139,21 +147,23 @@ strong { ...@@ -139,21 +147,23 @@ strong {
} }
// //
// 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 { code,
font-style: italic; kbd,
samp {
font-family: monospace, monospace; // 1
font-size: 1em; // 2
} }
// //
// Correct the font size and margin on `h1` elements within `section` and // Add the correct font style in Android 4.3-.
// `article` contexts in Chrome, Firefox, and Safari.
// //
h1 { dfn {
font-size: 2em; font-style: italic;
margin: 0.67em 0;
} }
// //
...@@ -198,61 +208,44 @@ sup { ...@@ -198,61 +208,44 @@ sup {
// ========================================================================== // ==========================================================================
// //
// Remove the border on images inside links in IE 10-. // Add the correct display in IE 9-.
//
img {
border-style: none;
}
//
// Hide the overflow in IE.
// //
svg:not(:root) { audio,
overflow: hidden; video {
display: inline-block;
} }
// Grouping content
// ==========================================================================
// //
// 1. Correct the inheritance and scaling of font size in all browsers. // Add the correct display in iOS 4-7.
// 2. Correct the odd `em` font sizing in all browsers.
// //
code, audio:not([controls]) {
kbd, display: none;
pre, height: 0;
samp {
font-family: monospace, monospace; // 1
font-size: 1em; // 2
} }
// //
// Add the correct margin in IE 8. // Remove the border on images inside links in IE 10-.
// //
figure { img {
margin: 1em 40px; border-style: none;
} }
// //
// 1. Add the correct box sizing in Firefox. // Hide the overflow in IE.
// 2. Show the overflow in Edge and IE.
// //
hr { svg:not(:root) {
box-sizing: content-box; // 1 overflow: hidden;
height: 0; // 1
overflow: visible; // 2
} }
// Forms // 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. // 2. Remove the margin in Firefox and Safari.
// //
...@@ -261,18 +254,12 @@ input, ...@@ -261,18 +254,12 @@ input,
optgroup, optgroup,
select, select,
textarea { textarea {
font: inherit; // 1 font-family: sans-serif; // 1
font-size: 100%; // 1
line-height: 1.15; // 1
margin: 0; // 2 margin: 0; // 2
} }
//
// Restore the font weight unset by the previous rule.
//
optgroup {
font-weight: $font-weight-bold;
}
// //
// Show the overflow in IE. // Show the overflow in IE.
// 1. Show the overflow in Edge. // 1. Show the overflow in Edge.
...@@ -355,6 +342,16 @@ legend { ...@@ -355,6 +342,16 @@ legend {
white-space: normal; // 1 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. // Remove the default vertical scrollbar in IE.
// //
...@@ -394,7 +391,7 @@ textarea { ...@@ -394,7 +391,7 @@ textarea {
} }
// //
// 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-cancel-button,
...@@ -402,15 +399,6 @@ textarea { ...@@ -402,15 +399,6 @@ textarea {
-webkit-appearance: none; -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. // 1. Correct the inability to style clickable types in iOS and Safari.
// 2. Change font properties to `inherit` in Safari. // 2. Change font properties to `inherit` in Safari.
...@@ -420,3 +408,54 @@ textarea { ...@@ -420,3 +408,54 @@ textarea {
-webkit-appearance: button; // 1 -webkit-appearance: button; // 1
font: inherit; // 2 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;
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment