From ab08d0772c6d681044233f3dbd15c31127620841 Mon Sep 17 00:00:00 2001 From: JohnAlbin Date: Sat, 11 Nov 2023 01:05:08 +0800 Subject: [PATCH] feat: Update to v8 of normalize.css Fixes #133 --- README.md | 37 ++--- fork-version/_normalize.scss | 151 +++-------------- sass/normalize/_normalize-mixin.scss | 155 +++--------------- test/fixtures/fork-version/output.css | 136 +++------------ test/fixtures/import-now/output.css | 136 +++------------ .../normalize/exclude-multiple/output.css | 96 +++-------- .../normalize/exclude-single/output.css | 108 ++---------- .../normalize/exclude-string/input.scss | 2 +- .../normalize/exclude-string/output.css | 132 +++------------ .../normalize/include-multiple/output.css | 15 +- .../normalize/include-single/output.css | 6 +- .../normalize/include-string/output.css | 25 +-- test/fixtures/variables/default/output.css | 136 +++------------ test/fixtures/variables/font/output.css | 129 +++------------ .../output.css | 129 +++------------ .../variables/indent-amount/output.css | 136 +++------------ .../prevent-vertical-rhythm/output.css | 136 +++------------ 17 files changed, 288 insertions(+), 1377 deletions(-) diff --git a/README.md b/README.md index 879f73b17..1ae48a9af 100644 --- a/README.md +++ b/README.md @@ -2,12 +2,12 @@ ## Latest versions -For use with… | normalize-scss version ------------------------------|----------------------- -Sass 3.4 or libSass | [8.0.0](https://github.com/JohnAlbin/normalize-scss/releases/tag/8.0.0)
combining normalize.css v7.0.0 with v1.1.3 -Compass or Bower | [7.0.0](https://github.com/JohnAlbin/normalize-scss/releases/tag/7.0.0)
combining normalize.css v7.0.0 with v1.1.3 (last version with Compass and Bower support) -Ruby Sass 3.3 | [3.0.3](https://github.com/JohnAlbin/normalize-scss/releases/tag/3.0.3)
combining normalize.css v3.0.3 with v1.1.3 -Ruby Sass 3.2 | [2.2.0+normalize.2.1.3](https://github.com/JohnAlbin/normalize-scss/releases/tag/2.2.0%2Bnormalize.2.1.3)
combining normalize.css v2.1.3 with v1.1.3 +| For use with… | normalize-scss version | +|------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------| +| The latest Sass | [8.0.0](https://github.com/JohnAlbin/normalize-scss/releases/tag/8.0.0)
combining normalize.css v8.0.0 with v1.1.3 | +| Compass or Bower | [7.0.1](https://github.com/JohnAlbin/normalize-scss/releases/tag/7.0.1)
combining normalize.css v7.0.0 with v1.1.3 (last version with Compass and Bower support) | +| Ruby Sass 3.3 | [3.0.3](https://github.com/JohnAlbin/normalize-scss/releases/tag/3.0.3)
combining normalize.css v3.0.3 with v1.1.3 | +| Ruby Sass 3.2 | [2.2.0+normalize.2.1.3](https://github.com/JohnAlbin/normalize-scss/releases/tag/2.2.0%2Bnormalize.2.1.3)
combining normalize.css v2.1.3 with v1.1.3 | ## The Sass port of normalize.css @@ -18,7 +18,7 @@ This Sass port currently adds: * Vertical rhythm mixins: Allowing you to alter the font-size, line-height and margins in Normalize’s output without hacking the library. * A ready-to-fork version. -# normalize.css v5 +# normalize.css v8 > A modern alternative to CSS resets @@ -68,13 +68,12 @@ Alternatively, you can import normalize-scss immediately into your main Sass fil ## Browser support -* Chrome (last four) -* Edge (version 25 and later) -* Firefox (last four) -* Firefox ESR -* Internet Explorer 9+ -* Opera (last four) -* Safari (last four) +* Chrome +* Edge +* Firefox ESR+ +* Internet Explorer 10+ +* Safari 8+ +* Opera ## Extended details and known issues @@ -92,13 +91,6 @@ intentional. [Source](https://en.wikipedia.org/wiki/User:Davidgothberg/Test59). Normally, using `sub` or `sup` affects the line-box height of text in all browsers. [Source](https://gist.github.com/413930). -#### `svg:not(:root)` - -Adding `overflow: hidden` fixes IE9's SVG rendering. Earlier versions of IE -don't support SVG, so we can safely use the `:not()` and `:root` selectors that -modern browsers use in the default UA stylesheets to apply this style. -[Source](https://lists.w3.org/Archives/Public/public-svg-wg/2008JulSep/0339.html). - #### `select` By default, Chrome on OS X and Safari on OS X allow very limited styling of @@ -123,8 +115,7 @@ Chrome and Safari on Windows you can't control `border` properly. It will apply `border-width` but will only show a border color (which cannot be controlled) for the outer 1px of that border. Applying `-webkit-appearance: textfield` addresses these issues without removing the benefits of search inputs (e.g. -showing past searches). Safari (but not Chrome) will clip the cancel button on -when it has padding (and `textfield` appearance). +showing past searches). ## Contributing diff --git a/fork-version/_normalize.scss b/fork-version/_normalize.scss index dc60afd42..b92cc4f94 100644 --- a/fork-version/_normalize.scss +++ b/fork-version/_normalize.scss @@ -23,8 +23,7 @@ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { @@ -45,7 +44,6 @@ html { @else { line-height: 1.15; /* 1 */ } - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } @@ -53,7 +51,7 @@ html { ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { @@ -61,15 +59,10 @@ body { } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } @@ -163,28 +156,10 @@ h1 { ul { padding: 0 0 0 $indent-amount; } -} - -/** - * Add the correct display in IE 9-. - */ - -figcaption, -figure { - display: block; -} -/** - * Add the correct margin in IE 8. - */ - -figure { - @if $normalize-vertical-rhythm { + figure { @include normalize-margin(1 $indent-amount); } - @else { - margin: 1em $indent-amount; - } } /** @@ -235,20 +210,18 @@ pre { ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ @@ -258,15 +231,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -282,23 +246,6 @@ samp { @extend %monospace; } -/** - * Add the correct font style in Android 4.3-. - */ - -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ - -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ @@ -332,39 +279,13 @@ sup { ========================================================================== */ /** - * Add the correct display in IE 9-. - */ - -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * 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. - */ - -svg:not(:root) { - overflow: hidden; -} - /* Forms ========================================================================== */ @@ -398,7 +319,7 @@ svg:not(:root) { */ /** - * 1. Change the font styles in all browsers (opinionated). + * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ @@ -413,7 +334,7 @@ textarea { @else { line-height: 1.15; /* 1 */ } - font-family: if($base-font-family, $base-font-family, sans-serif); /* 1 */ + font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ margin: 0; /* 2 */ } @@ -437,16 +358,14 @@ select { /* 1 */ } /** - * 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 and Safari. + * Correct the inability to style clickable types in iOS and Safari. */ button, -html [type="button"], /* 1 */ +[type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; } button, @@ -481,8 +400,8 @@ input { } /** - * 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"], @@ -510,10 +429,9 @@ input { outline-offset: -2px; /* 2 */ /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + * Remove the inner padding in Chrome and Safari on macOS. */ - &::-webkit-search-cancel-button, &::-webkit-search-decoration { -webkit-appearance: none; } @@ -554,17 +472,15 @@ legend { } /** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + vertical-align: baseline; } /** - * Remove the default vertical scrollbar in IE. + * Remove the default vertical scrollbar in IE 10+. */ textarea { @@ -575,7 +491,7 @@ textarea { ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { @@ -591,14 +507,8 @@ summary { } -/* - * Add the correct display in IE 9-. - */ - -menu { - display: block; - - @if $normalize-vertical-rhythm { +@if $normalize-vertical-rhythm { + menu { /* * 1. Set 1 unit of vertical rhythm on the top and bottom margin. * 2. Set consistent space for the list style image. @@ -619,17 +529,9 @@ menu { } } -/* Scripting +/* Misc ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ - -canvas { - display: inline-block; -} - /** * Add the correct display in IE. */ @@ -638,11 +540,8 @@ template { display: none; } -/* Hidden - ========================================================================== */ - /** - * Add the correct display in IE 10-. + * Add the correct display in IE 10. */ [hidden] { diff --git a/sass/normalize/_normalize-mixin.scss b/sass/normalize/_normalize-mixin.scss index 74ba4ba69..b455474d6 100644 --- a/sass/normalize/_normalize-mixin.scss +++ b/sass/normalize/_normalize-mixin.scss @@ -54,8 +54,7 @@ $_normalize-exclude: () !default; /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { @@ -74,7 +73,6 @@ $_normalize-exclude: () !default; @else { line-height: 1.15; /* 1 */ } - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } } @@ -84,7 +82,7 @@ $_normalize-exclude: () !default; ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { @@ -92,15 +90,10 @@ $_normalize-exclude: () !default; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ - article, - aside, - footer, - header, - nav, - section { + main { display: block; } @@ -196,28 +189,10 @@ $_normalize-exclude: () !default; ul { padding: 0 0 0 $indent-amount; } - } - - /** - * Add the correct display in IE 9-. - */ - - figcaption, - figure { - display: block; - } - /** - * Add the correct margin in IE 8. - */ - - figure { - @if $normalize-vertical-rhythm { + figure { @include normalize-margin(1 $indent-amount); } - @else { - margin: 1em $indent-amount; - } } /** @@ -266,13 +241,11 @@ $_normalize-exclude: () !default; ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } } @@ -281,7 +254,7 @@ $_normalize-exclude: () !default; ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ @@ -291,15 +264,6 @@ $_normalize-exclude: () !default; text-decoration: underline dotted; /* 2 */ } - /** - * 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. */ @@ -321,23 +285,6 @@ $_normalize-exclude: () !default; font-size: 1em; /* 2 */ } - /** - * Add the correct font style in Android 4.3-. - */ - - dfn { - font-style: italic; - } - - /** - * Add the correct background and color in IE 9-. - */ - - mark { - background-color: #ff0; - color: #000; - } - /** * Add the correct font size in all browsers. */ @@ -373,38 +320,12 @@ $_normalize-exclude: () !default; ========================================================================== */ /** - * Add the correct display in IE 9-. - */ - - audio, - video { - display: inline-block; - } - - /** - * Add the correct display in iOS 4-7. - */ - - audio:not([controls]) { - display: none; - height: 0; - } - - /** - * 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. - */ - - svg:not(:root) { - overflow: hidden; - } } @if _normalize-include(forms) { @@ -412,7 +333,7 @@ $_normalize-exclude: () !default; ========================================================================== */ /** - * 1. Change the font styles in all browsers (opinionated). + * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ @@ -421,7 +342,7 @@ $_normalize-exclude: () !default; optgroup, select, textarea { - font-family: if($base-font-family, $base-font-family, sans-serif); /* 1 */ + font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ @if $normalize-vertical-rhythm { line-height: math.div($base-line-height, $base-font-size) * 1em; /* 1 */ @@ -451,16 +372,14 @@ $_normalize-exclude: () !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 and Safari. + * Correct the inability to style clickable types in iOS and Safari. */ button, - html [type="button"], /* 1 */ + [type="button"], [type="reset"], [type="submit"] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; } button, @@ -495,8 +414,8 @@ $_normalize-exclude: () !default; } /** - * 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"], @@ -524,10 +443,9 @@ $_normalize-exclude: () !default; outline-offset: -2px; /* 2 */ /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + * Remove the inner padding in Chrome and Safari on macOS. */ - &::-webkit-search-cancel-button, &::-webkit-search-decoration { -webkit-appearance: none; } @@ -568,17 +486,15 @@ $_normalize-exclude: () !default; } /** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + vertical-align: baseline; } /** - * Remove the default vertical scrollbar in IE. + * Remove the default vertical scrollbar in IE 10+. */ textarea { @@ -591,7 +507,7 @@ $_normalize-exclude: () !default; ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { @@ -606,14 +522,8 @@ $_normalize-exclude: () !default; display: list-item; } - /* - * Add the correct display in IE 9-. - */ - - menu { - display: block; - - @if $normalize-vertical-rhythm { + @if $normalize-vertical-rhythm { + menu { /* * 1. Set 1 unit of vertical rhythm on the top and bottom margin. * 2. Set consistent space for the list style image. @@ -635,18 +545,10 @@ $_normalize-exclude: () !default; } } - @if _normalize-include(scripting) { - /* Scripting + @if _normalize-include(misc) { + /* Misc ========================================================================== */ - /** - * Add the correct display in IE 9-. - */ - - canvas { - display: inline-block; - } - /** * Add the correct display in IE. */ @@ -654,14 +556,9 @@ $_normalize-exclude: () !default; template { display: none; } - } - - @if _normalize-include(hidden) { - /* Hidden - ========================================================================== */ /** - * Add the correct display in IE 10-. + * Add the correct display in IE 10. */ [hidden] { diff --git a/test/fixtures/fork-version/output.css b/test/fixtures/fork-version/output.css index 224570400..77f2aa843 100644 --- a/test/fixtures/fork-version/output.css +++ b/test/fixtures/fork-version/output.css @@ -3,33 +3,26 @@ ========================================================================== */ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { margin: 0; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } @@ -44,21 +37,6 @@ h1 { /* Grouping content ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - display: block; -} - -/** - * 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. @@ -90,18 +68,16 @@ samp, pre { /* Links ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { @@ -110,14 +86,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -126,21 +94,6 @@ strong { font-weight: bolder; } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ @@ -171,35 +124,12 @@ sup { /* Embedded content ========================================================================== */ /** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * 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. - */ -svg:not(:root) { - overflow: hidden; -} - /* Forms ========================================================================== */ /** @@ -231,7 +161,7 @@ svg:not(:root) { * [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). */ /** - * 1. Change the font styles in all browsers (opinionated). + * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, @@ -240,7 +170,7 @@ optgroup, select, textarea { line-height: 1.15; /* 1 */ - font-family: sans-serif; /* 1 */ + font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ margin: 0; /* 2 */ } @@ -262,15 +192,13 @@ select { /* 1 */ } /** - * 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 and Safari. + * Correct the inability to style clickable types in iOS and Safari. */ button, -html [type=button], +[type=button], [type=reset], [type=submit] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; } button, @@ -306,8 +234,8 @@ input { } /** - * 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] { @@ -331,10 +259,10 @@ input { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + * Remove the inner padding in Chrome and Safari on macOS. */ } -[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { +[type=search]::-webkit-search-decoration { -webkit-appearance: none; } @@ -370,16 +298,14 @@ legend { } /** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + vertical-align: baseline; } /** - * Remove the default vertical scrollbar in IE. + * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; @@ -388,7 +314,7 @@ textarea { /* Interactive ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; @@ -401,22 +327,8 @@ summary { display: list-item; } -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; -} - -/* Scripting +/* Misc ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; -} - /** * Add the correct display in IE. */ @@ -424,10 +336,8 @@ template { display: none; } -/* Hidden - ========================================================================== */ /** - * Add the correct display in IE 10-. + * Add the correct display in IE 10. */ [hidden] { display: none; diff --git a/test/fixtures/import-now/output.css b/test/fixtures/import-now/output.css index a74b6d227..1afd659e7 100644 --- a/test/fixtures/import-now/output.css +++ b/test/fixtures/import-now/output.css @@ -3,33 +3,26 @@ ========================================================================== */ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { margin: 0; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } @@ -44,21 +37,6 @@ h1 { /* Grouping content ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - display: block; -} - -/** - * 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. @@ -88,18 +66,16 @@ pre { /* Links ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { @@ -108,14 +84,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -135,21 +103,6 @@ samp { font-size: 1em; /* 2 */ } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ @@ -180,39 +133,16 @@ sup { /* Embedded content ========================================================================== */ /** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * 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. - */ -svg:not(:root) { - overflow: hidden; -} - /* Forms ========================================================================== */ /** - * 1. Change the font styles in all browsers (opinionated). + * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, @@ -220,7 +150,7 @@ input, optgroup, select, textarea { - font-family: sans-serif; /* 1 */ + font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ @@ -243,15 +173,13 @@ select { /* 1 */ } /** - * 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 and Safari. + * Correct the inability to style clickable types in iOS and Safari. */ button, -html [type=button], +[type=button], [type=reset], [type=submit] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; } button, @@ -287,8 +215,8 @@ input { } /** - * 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] { @@ -312,10 +240,10 @@ input { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + * Remove the inner padding in Chrome and Safari on macOS. */ } -[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { +[type=search]::-webkit-search-decoration { -webkit-appearance: none; } @@ -351,16 +279,14 @@ legend { } /** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + vertical-align: baseline; } /** - * Remove the default vertical scrollbar in IE. + * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; @@ -369,7 +295,7 @@ textarea { /* Interactive ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; @@ -382,22 +308,8 @@ summary { display: list-item; } -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; -} - -/* Scripting +/* Misc ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; -} - /** * Add the correct display in IE. */ @@ -405,10 +317,8 @@ template { display: none; } -/* Hidden - ========================================================================== */ /** - * Add the correct display in IE 10-. + * Add the correct display in IE 10. */ [hidden] { display: none; diff --git a/test/fixtures/normalize/exclude-multiple/output.css b/test/fixtures/normalize/exclude-multiple/output.css index 1b7b00ed6..55035093f 100644 --- a/test/fixtures/normalize/exclude-multiple/output.css +++ b/test/fixtures/normalize/exclude-multiple/output.css @@ -3,33 +3,26 @@ ========================================================================== */ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { margin: 0; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } @@ -45,18 +38,16 @@ h1 { /* Links ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { @@ -65,14 +56,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -92,21 +75,6 @@ samp { font-size: 1em; /* 2 */ } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ @@ -137,7 +105,7 @@ sup { /* Forms ========================================================================== */ /** - * 1. Change the font styles in all browsers (opinionated). + * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, @@ -145,7 +113,7 @@ input, optgroup, select, textarea { - font-family: sans-serif; /* 1 */ + font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ @@ -168,15 +136,13 @@ select { /* 1 */ } /** - * 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 and Safari. + * Correct the inability to style clickable types in iOS and Safari. */ button, -html [type=button], +[type=button], [type=reset], [type=submit] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; } button, @@ -212,8 +178,8 @@ input { } /** - * 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] { @@ -237,10 +203,10 @@ input { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + * Remove the inner padding in Chrome and Safari on macOS. */ } -[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { +[type=search]::-webkit-search-decoration { -webkit-appearance: none; } @@ -276,16 +242,14 @@ legend { } /** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + vertical-align: baseline; } /** - * Remove the default vertical scrollbar in IE. + * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; @@ -294,7 +258,7 @@ textarea { /* Interactive ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; @@ -307,22 +271,8 @@ summary { display: list-item; } -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; -} - -/* Scripting +/* Misc ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; -} - /** * Add the correct display in IE. */ @@ -330,10 +280,8 @@ template { display: none; } -/* Hidden - ========================================================================== */ /** - * Add the correct display in IE 10-. + * Add the correct display in IE 10. */ [hidden] { display: none; diff --git a/test/fixtures/normalize/exclude-single/output.css b/test/fixtures/normalize/exclude-single/output.css index c9a1e5ff6..95c4414bc 100644 --- a/test/fixtures/normalize/exclude-single/output.css +++ b/test/fixtures/normalize/exclude-single/output.css @@ -3,33 +3,26 @@ ========================================================================== */ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { margin: 0; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } @@ -44,21 +37,6 @@ h1 { /* Grouping content ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - display: block; -} - -/** - * 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. @@ -88,18 +66,16 @@ pre { /* Links ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { @@ -108,14 +84,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -135,21 +103,6 @@ samp { font-size: 1em; /* 2 */ } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ @@ -180,39 +133,16 @@ sup { /* Embedded content ========================================================================== */ /** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * 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. - */ -svg:not(:root) { - overflow: hidden; -} - /* Interactive ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; @@ -225,22 +155,8 @@ summary { display: list-item; } -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; -} - -/* Scripting +/* Misc ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; -} - /** * Add the correct display in IE. */ @@ -248,10 +164,8 @@ template { display: none; } -/* Hidden - ========================================================================== */ /** - * Add the correct display in IE 10-. + * Add the correct display in IE 10. */ [hidden] { display: none; diff --git a/test/fixtures/normalize/exclude-string/input.scss b/test/fixtures/normalize/exclude-string/input.scss index 9c070c41d..e8977e057 100644 --- a/test/fixtures/normalize/exclude-string/input.scss +++ b/test/fixtures/normalize/exclude-string/input.scss @@ -1,2 +1,2 @@ @import 'normalize'; -@include normalize($exclude: scripting); +@include normalize($exclude: misc); diff --git a/test/fixtures/normalize/exclude-string/output.css b/test/fixtures/normalize/exclude-string/output.css index 477760967..ead593994 100644 --- a/test/fixtures/normalize/exclude-string/output.css +++ b/test/fixtures/normalize/exclude-string/output.css @@ -3,33 +3,26 @@ ========================================================================== */ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { margin: 0; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } @@ -44,21 +37,6 @@ h1 { /* Grouping content ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - display: block; -} - -/** - * 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. @@ -88,18 +66,16 @@ pre { /* Links ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { @@ -108,14 +84,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -135,21 +103,6 @@ samp { font-size: 1em; /* 2 */ } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ @@ -180,39 +133,16 @@ sup { /* Embedded content ========================================================================== */ /** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * 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. - */ -svg:not(:root) { - overflow: hidden; -} - /* Forms ========================================================================== */ /** - * 1. Change the font styles in all browsers (opinionated). + * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, @@ -220,7 +150,7 @@ input, optgroup, select, textarea { - font-family: sans-serif; /* 1 */ + font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ @@ -243,15 +173,13 @@ select { /* 1 */ } /** - * 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 and Safari. + * Correct the inability to style clickable types in iOS and Safari. */ button, -html [type=button], +[type=button], [type=reset], [type=submit] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; } button, @@ -287,8 +215,8 @@ input { } /** - * 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] { @@ -312,10 +240,10 @@ input { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + * Remove the inner padding in Chrome and Safari on macOS. */ } -[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { +[type=search]::-webkit-search-decoration { -webkit-appearance: none; } @@ -351,16 +279,14 @@ legend { } /** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + vertical-align: baseline; } /** - * Remove the default vertical scrollbar in IE. + * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; @@ -369,7 +295,7 @@ textarea { /* Interactive ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; @@ -380,20 +306,4 @@ details { */ summary { display: list-item; -} - -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; -} - -/* Hidden - ========================================================================== */ -/** - * Add the correct display in IE 10-. - */ -[hidden] { - display: none; } \ No newline at end of file diff --git a/test/fixtures/normalize/include-multiple/output.css b/test/fixtures/normalize/include-multiple/output.css index edc05d461..8e5b47894 100644 --- a/test/fixtures/normalize/include-multiple/output.css +++ b/test/fixtures/normalize/include-multiple/output.css @@ -3,33 +3,26 @@ ========================================================================== */ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { margin: 0; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } diff --git a/test/fixtures/normalize/include-single/output.css b/test/fixtures/normalize/include-single/output.css index 94f085cee..42c67867b 100644 --- a/test/fixtures/normalize/include-single/output.css +++ b/test/fixtures/normalize/include-single/output.css @@ -2,10 +2,8 @@ /* Links ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } \ No newline at end of file diff --git a/test/fixtures/normalize/include-string/output.css b/test/fixtures/normalize/include-string/output.css index d79a092d9..4effe0a31 100644 --- a/test/fixtures/normalize/include-string/output.css +++ b/test/fixtures/normalize/include-string/output.css @@ -2,7 +2,7 @@ /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { @@ -11,14 +11,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -38,21 +30,6 @@ samp { font-size: 1em; /* 2 */ } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ diff --git a/test/fixtures/variables/default/output.css b/test/fixtures/variables/default/output.css index a74b6d227..1afd659e7 100644 --- a/test/fixtures/variables/default/output.css +++ b/test/fixtures/variables/default/output.css @@ -3,33 +3,26 @@ ========================================================================== */ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { margin: 0; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } @@ -44,21 +37,6 @@ h1 { /* Grouping content ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - display: block; -} - -/** - * 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. @@ -88,18 +66,16 @@ pre { /* Links ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { @@ -108,14 +84,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -135,21 +103,6 @@ samp { font-size: 1em; /* 2 */ } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ @@ -180,39 +133,16 @@ sup { /* Embedded content ========================================================================== */ /** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * 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. - */ -svg:not(:root) { - overflow: hidden; -} - /* Forms ========================================================================== */ /** - * 1. Change the font styles in all browsers (opinionated). + * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, @@ -220,7 +150,7 @@ input, optgroup, select, textarea { - font-family: sans-serif; /* 1 */ + font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ @@ -243,15 +173,13 @@ select { /* 1 */ } /** - * 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 and Safari. + * Correct the inability to style clickable types in iOS and Safari. */ button, -html [type=button], +[type=button], [type=reset], [type=submit] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; } button, @@ -287,8 +215,8 @@ input { } /** - * 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] { @@ -312,10 +240,10 @@ input { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + * Remove the inner padding in Chrome and Safari on macOS. */ } -[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { +[type=search]::-webkit-search-decoration { -webkit-appearance: none; } @@ -351,16 +279,14 @@ legend { } /** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + vertical-align: baseline; } /** - * Remove the default vertical scrollbar in IE. + * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; @@ -369,7 +295,7 @@ textarea { /* Interactive ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; @@ -382,22 +308,8 @@ summary { display: list-item; } -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; -} - -/* Scripting +/* Misc ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; -} - /** * Add the correct display in IE. */ @@ -405,10 +317,8 @@ template { display: none; } -/* Hidden - ========================================================================== */ /** - * Add the correct display in IE 10-. + * Add the correct display in IE 10. */ [hidden] { display: none; diff --git a/test/fixtures/variables/font/output.css b/test/fixtures/variables/font/output.css index 040ef4cb3..8b088814c 100644 --- a/test/fixtures/variables/font/output.css +++ b/test/fixtures/variables/font/output.css @@ -3,36 +3,29 @@ ========================================================================== */ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { /* Change the default font family in all browsers (opinionated). */ font-family: Arial, sans-serif; font-size: 150%; line-height: 1.5em; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { margin: 0; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } @@ -111,17 +104,6 @@ ul { padding: 0 0 0 40px; } -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - display: block; -} - -/** - * Add the correct margin in IE 8. - */ figure { margin: 1.5rem 40px; } @@ -163,18 +145,16 @@ pre { /* Links ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { @@ -183,14 +163,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -210,21 +182,6 @@ samp { font-size: 1em; /* 2 */ } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ @@ -255,39 +212,16 @@ sup { /* Embedded content ========================================================================== */ /** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * 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. - */ -svg:not(:root) { - overflow: hidden; -} - /* Forms ========================================================================== */ /** - * 1. Change the font styles in all browsers (opinionated). + * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, @@ -295,7 +229,7 @@ input, optgroup, select, textarea { - font-family: Arial, sans-serif; /* 1 */ + font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.5em; /* 1 */ margin: 0; /* 2 */ @@ -318,15 +252,13 @@ select { /* 1 */ } /** - * 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 and Safari. + * Correct the inability to style clickable types in iOS and Safari. */ button, -html [type=button], +[type=button], [type=reset], [type=submit] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; } button, @@ -362,8 +294,8 @@ input { } /** - * 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] { @@ -387,10 +319,10 @@ input { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + * Remove the inner padding in Chrome and Safari on macOS. */ } -[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { +[type=search]::-webkit-search-decoration { -webkit-appearance: none; } @@ -426,16 +358,14 @@ legend { } /** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + vertical-align: baseline; } /** - * Remove the default vertical scrollbar in IE. + * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; @@ -444,7 +374,7 @@ textarea { /* Interactive ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; @@ -457,11 +387,7 @@ summary { display: list-item; } -/* - * Add the correct display in IE 9-. - */ menu { - display: block; /* * 1. Set 1 unit of vertical rhythm on the top and bottom margin. * 2. Set consistent space for the list style image. @@ -477,15 +403,8 @@ menu menu, ol menu, ul menu { margin: 0; } -/* Scripting +/* Misc ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; -} - /** * Add the correct display in IE. */ @@ -493,10 +412,8 @@ template { display: none; } -/* Hidden - ========================================================================== */ /** - * Add the correct display in IE 10-. + * Add the correct display in IE 10. */ [hidden] { display: none; diff --git a/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css b/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css index 01351a4ee..05e5fbe98 100644 --- a/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css +++ b/test/fixtures/variables/indent-amount-and-vertical-rhythm/output.css @@ -3,34 +3,27 @@ ========================================================================== */ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { font-size: 100%; line-height: 1.5em; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { margin: 0; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } @@ -109,17 +102,6 @@ ul { padding: 0 0 0 3em; } -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - display: block; -} - -/** - * Add the correct margin in IE 8. - */ figure { margin: 1.5em 3em; } @@ -161,18 +143,16 @@ pre { /* Links ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { @@ -181,14 +161,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -208,21 +180,6 @@ samp { font-size: 1em; /* 2 */ } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ @@ -253,39 +210,16 @@ sup { /* Embedded content ========================================================================== */ /** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * 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. - */ -svg:not(:root) { - overflow: hidden; -} - /* Forms ========================================================================== */ /** - * 1. Change the font styles in all browsers (opinionated). + * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, @@ -293,7 +227,7 @@ input, optgroup, select, textarea { - font-family: sans-serif; /* 1 */ + font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.5em; /* 1 */ margin: 0; /* 2 */ @@ -316,15 +250,13 @@ select { /* 1 */ } /** - * 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 and Safari. + * Correct the inability to style clickable types in iOS and Safari. */ button, -html [type=button], +[type=button], [type=reset], [type=submit] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; } button, @@ -360,8 +292,8 @@ input { } /** - * 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] { @@ -385,10 +317,10 @@ input { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + * Remove the inner padding in Chrome and Safari on macOS. */ } -[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { +[type=search]::-webkit-search-decoration { -webkit-appearance: none; } @@ -424,16 +356,14 @@ legend { } /** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + vertical-align: baseline; } /** - * Remove the default vertical scrollbar in IE. + * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; @@ -442,7 +372,7 @@ textarea { /* Interactive ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; @@ -455,11 +385,7 @@ summary { display: list-item; } -/* - * Add the correct display in IE 9-. - */ menu { - display: block; /* * 1. Set 1 unit of vertical rhythm on the top and bottom margin. * 2. Set consistent space for the list style image. @@ -475,15 +401,8 @@ menu menu, ol menu, ul menu { margin: 0; } -/* Scripting +/* Misc ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; -} - /** * Add the correct display in IE. */ @@ -491,10 +410,8 @@ template { display: none; } -/* Hidden - ========================================================================== */ /** - * Add the correct display in IE 10-. + * Add the correct display in IE 10. */ [hidden] { display: none; diff --git a/test/fixtures/variables/indent-amount/output.css b/test/fixtures/variables/indent-amount/output.css index c38289dc3..1afd659e7 100644 --- a/test/fixtures/variables/indent-amount/output.css +++ b/test/fixtures/variables/indent-amount/output.css @@ -3,33 +3,26 @@ ========================================================================== */ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { margin: 0; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } @@ -44,21 +37,6 @@ h1 { /* Grouping content ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - display: block; -} - -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1em 3em; -} - /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. @@ -88,18 +66,16 @@ pre { /* Links ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { @@ -108,14 +84,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -135,21 +103,6 @@ samp { font-size: 1em; /* 2 */ } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ @@ -180,39 +133,16 @@ sup { /* Embedded content ========================================================================== */ /** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * 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. - */ -svg:not(:root) { - overflow: hidden; -} - /* Forms ========================================================================== */ /** - * 1. Change the font styles in all browsers (opinionated). + * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, @@ -220,7 +150,7 @@ input, optgroup, select, textarea { - font-family: sans-serif; /* 1 */ + font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ @@ -243,15 +173,13 @@ select { /* 1 */ } /** - * 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 and Safari. + * Correct the inability to style clickable types in iOS and Safari. */ button, -html [type=button], +[type=button], [type=reset], [type=submit] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; } button, @@ -287,8 +215,8 @@ input { } /** - * 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] { @@ -312,10 +240,10 @@ input { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + * Remove the inner padding in Chrome and Safari on macOS. */ } -[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { +[type=search]::-webkit-search-decoration { -webkit-appearance: none; } @@ -351,16 +279,14 @@ legend { } /** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + vertical-align: baseline; } /** - * Remove the default vertical scrollbar in IE. + * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; @@ -369,7 +295,7 @@ textarea { /* Interactive ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; @@ -382,22 +308,8 @@ summary { display: list-item; } -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; -} - -/* Scripting +/* Misc ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; -} - /** * Add the correct display in IE. */ @@ -405,10 +317,8 @@ template { display: none; } -/* Hidden - ========================================================================== */ /** - * Add the correct display in IE 10-. + * Add the correct display in IE 10. */ [hidden] { display: none; diff --git a/test/fixtures/variables/prevent-vertical-rhythm/output.css b/test/fixtures/variables/prevent-vertical-rhythm/output.css index a74b6d227..1afd659e7 100644 --- a/test/fixtures/variables/prevent-vertical-rhythm/output.css +++ b/test/fixtures/variables/prevent-vertical-rhythm/output.css @@ -3,33 +3,26 @@ ========================================================================== */ /** * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. + * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** - * Remove the margin in all browsers (opinionated). + * Remove the margin in all browsers. */ body { margin: 0; } /** - * Add the correct display in IE 9-. + * Render the `main` element consistently in IE. */ -article, -aside, -footer, -header, -nav, -section { +main { display: block; } @@ -44,21 +37,6 @@ h1 { /* Grouping content ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - display: block; -} - -/** - * 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. @@ -88,18 +66,16 @@ pre { /* Links ========================================================================== */ /** - * 1. Remove the gray background on active links in IE 10. - * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + * Remove the gray background on active links in IE 10. */ a { - background-color: transparent; /* 1 */ - -webkit-text-decoration-skip: objects; /* 2 */ + background-color: transparent; } /* Text-level semantics ========================================================================== */ /** - * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { @@ -108,14 +84,6 @@ abbr[title] { text-decoration: underline dotted; /* 2 */ } -/** - * 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. */ @@ -135,21 +103,6 @@ samp { font-size: 1em; /* 2 */ } -/** - * Add the correct font style in Android 4.3-. - */ -dfn { - font-style: italic; -} - -/** - * Add the correct background and color in IE 9-. - */ -mark { - background-color: #ff0; - color: #000; -} - /** * Add the correct font size in all browsers. */ @@ -180,39 +133,16 @@ sup { /* Embedded content ========================================================================== */ /** - * Add the correct display in IE 9-. - */ -audio, -video { - display: inline-block; -} - -/** - * Add the correct display in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * 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. - */ -svg:not(:root) { - overflow: hidden; -} - /* Forms ========================================================================== */ /** - * 1. Change the font styles in all browsers (opinionated). + * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, @@ -220,7 +150,7 @@ input, optgroup, select, textarea { - font-family: sans-serif; /* 1 */ + font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ @@ -243,15 +173,13 @@ select { /* 1 */ } /** - * 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 and Safari. + * Correct the inability to style clickable types in iOS and Safari. */ button, -html [type=button], +[type=button], [type=reset], [type=submit] { - -webkit-appearance: button; /* 2 */ + -webkit-appearance: button; } button, @@ -287,8 +215,8 @@ input { } /** - * 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] { @@ -312,10 +240,10 @@ input { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** - * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + * Remove the inner padding in Chrome and Safari on macOS. */ } -[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { +[type=search]::-webkit-search-decoration { -webkit-appearance: none; } @@ -351,16 +279,14 @@ legend { } /** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ + vertical-align: baseline; } /** - * Remove the default vertical scrollbar in IE. + * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; @@ -369,7 +295,7 @@ textarea { /* Interactive ========================================================================== */ /* - * Add the correct display in Edge, IE, and Firefox. + * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; @@ -382,22 +308,8 @@ summary { display: list-item; } -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; -} - -/* Scripting +/* Misc ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -canvas { - display: inline-block; -} - /** * Add the correct display in IE. */ @@ -405,10 +317,8 @@ template { display: none; } -/* Hidden - ========================================================================== */ /** - * Add the correct display in IE 10-. + * Add the correct display in IE 10. */ [hidden] { display: none;