diff options
author | JohnAlbin <virtually.johnalbin@gmail.com> | 2016-10-17 18:45:05 +0300 |
---|---|---|
committer | JohnAlbin <virtually.johnalbin@gmail.com> | 2016-10-17 18:45:05 +0300 |
commit | 507ea1d6689ad358f781dc2f6777c1b6c11954be (patch) | |
tree | 8fd935309ba71ab908f15d13262af8fd9ace43af | |
parent | 33e65761b9f11cc4eb613980acc3757b47781d29 (diff) | |
parent | 69cd6be883dfb3e1aba772d36a708701c96217e2 (diff) |
Drop support for IE 6-7 and Firefox 29. Fixes #89
47 files changed, 42 insertions, 3962 deletions
@@ -12,14 +12,12 @@ Ruby Sass 3.2 + Compass 0.12 | [2.2.0+normalize.2.1.3](https://github.com/JohnAl __This project is the Sass version of Normalize.css__, a collection of HTML element and attribute rulesets to normalize styles across all browsers. This port aims to use a light dusting of Sass to make Normalize even easier to integrate with your website. To learn about why Normalize.css is so amazing, skip to the "normalize.css" section below. -This Sass port currently utilizes: +This Sass port currently adds: -* Browser support variables: Allowing you to easily add/drop support for any browser by modifying a single Sass variable. * Vertical rhythm mixins: Allowing you to alter the font-size, line-height and margins in Normalize’s output without hacking the library. +* Optional Eyeglass support. -In addition, Normalize.css has 2 major versions: version 4 (without “legacy browser” support) and version 1 (with support for IE 6/7, etc.) This Sass port combines the two versions into one file so that you can easily toggle between the two versions using its browser support variables. - -Did a client wait until the last minute to mention their CEO uses IE 6? Simply update your `$support-for` variable and recompile your Sass files. Details can be found at https://github.com/JohnAlbin/normalize-scss/wiki +In addition, Normalize.css has 2 major versions: version 4 (without “legacy browser” support) and version 1. This Sass port combines the two versions into one file so that you can easily toggle between the two versions. # normalize.css v4 @@ -63,7 +61,6 @@ __Approach 1:__ Download and use normalize-scss as a starting point for your own * [fork-versions/ruby-sass-compass](fork-versions/ruby-sass-compass) - Fork for Ruby Sass with Compass * [fork-versions/typey](fork-versions/typey) - Fork with Typey * [fork-versions/typey-chroma-kss](fork-versions/typey-chroma-kss) - Fork with Typey, Chroma and KSS - 2. The normalize-scss code uses the `support-for` module, so add it __Approach 2:__ Install and include normalize-scss untouched and then build upon it, overriding the defaults later in your Sass when necessary. Just import normalize-scss like any normal Sass module by: 1. Set variables to override the default normalize-scss variables. @@ -79,16 +76,13 @@ Note: if you use [wiredep](https://github.com/taptapship/wiredep), normalize-scs ## Browser support -* Chrome (last two) -* Edge (last two) -* Firefox (last two) +* Chrome (last four) +* Edge (version 25 and later) +* Firefox (last four) * Firefox ESR -* Internet Explorer 6+ -* Opera (last two) -* Safari 6+ - -The exact browsers supported in your project is controlled by the browser -support variables. See https://github.com/JohnAlbin/normalize-scss/wiki +* Internet Explorer 9+ +* Opera (last four) +* Safari (last four) ## Extended details and known issues diff --git a/fork-versions/default/README.md b/fork-versions/default/README.md index a6f6a4e..83573f1 100644 --- a/fork-versions/default/README.md +++ b/fork-versions/default/README.md @@ -1,53 +1,7 @@ # Fork-able normalize-scss<br> for libSass or Ruby Sass -## Using with node-sass +## Using with node-sass or libSass or Ruby Sass 1. Copy these files to your Sass project. -2. This fork-able version requires the [support-for](https://github.com/JohnAlbin/support-for) Sass module. Add it to your package.json with: - - ```bash -npm install --save-dev support-for -``` - -3. Add support-for's `sass` directory to your nodeSass' [`includePaths` option](https://github.com/sass/node-sass#includepaths). - - ```js -var sass = require('node-sass'), - path = require('path'); - -sass.render({ - file: scss_filename, - includePaths: [ - path.dirname(require.resolve('support-for')) - ] -}, function(err, result) { /*...*/ }); -``` - -## Using with libSass - -If you are not using node-sass with libSass, you probably already know how to include 3rd party libraries into your Sass project. - -1. Copy these files to your Sass project. -2. This fork-able version requires the [support-for](https://github.com/JohnAlbin/support-for) Sass module. Add support-for's `sass` directory to your libSass include paths in the "usual way". - -## Using with Ruby Sass - -In addition to copying these files to your Sass project, you'll also need to: - -1. Edit your `Gemfile` file to add: - - ```ruby -gem 'support-for', '~> 1.0' -``` - -2. If you use Compass, edit your `config.rb` file to add: - - ```ruby -require 'support-for' -``` - -3. Update your local Gems with: - - ``` -bundle install -``` +2. Start forking by altering/moving Sass variables found in `_variables.scss`. +3. Edit any CSS ruleset directly rather than overriding it in later Sass. diff --git a/fork-versions/default/_normalize.scss b/fork-versions/default/_normalize.scss index cf14a9e..d138f0c 100644 --- a/fork-versions/default/_normalize.scss +++ b/fork-versions/default/_normalize.scss @@ -1,7 +1,6 @@ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ @import 'variables'; -@import 'support-for'; @import 'vertical-rhythm'; // If we've customized any font variables, we'll need extra properties. @@ -24,9 +23,9 @@ */ html { - @if $normalize-vertical-rhythm or support-for(ie, 7) { - // Correct text resizing oddly in IE 6/7 when body `font-size` is set using - // `em` units. + @if $normalize-vertical-rhythm { + // Correct old browser bug that prevented accessible resizing of text + // when root font-size is set with px or em. font-size: ($base-font-size / 16px) * 100%; } @if $normalize-vertical-rhythm { @@ -78,10 +77,6 @@ canvas, progress, video { display: inline-block; - @if support-for(ie, 7) { - *display: inline; - *zoom: 1; - } } /** @@ -176,9 +171,6 @@ code, kbd, samp { font-family: monospace, monospace; /* 1 */ - @if support-for(ie, 6) { - _font-family: 'courier new', monospace; - } font-size: 1em; /* 2 */ } @@ -205,7 +197,7 @@ h1 { @include normalize-margin(1 0, $h1-font-size); } -@if $normalize-vertical-rhythm or support-for(ie, 7) { +@if $normalize-vertical-rhythm { h2 { @include normalize-font-size($h2-font-size); @if $normalize-vertical-rhythm { @@ -294,10 +286,6 @@ sup { img { border-style: none; - @if support-for(ie, 7) { - /* Improve image quality when scaled in IE 7. */ - -ms-interpolation-mode: bicubic; - } } /** @@ -311,7 +299,7 @@ svg:not(:root) { /* Grouping content ========================================================================== */ -@if $normalize-vertical-rhythm or support-for(ie, 7) { +@if $normalize-vertical-rhythm { /** * Set 1 unit of vertical rhythm on the top and bottom margin. */ @@ -320,10 +308,6 @@ svg:not(:root) { @include normalize-margin(1 $indent-amount); } - /** - * Address margins set differently in IE 6/7. - */ - dl, menu, ol, @@ -349,10 +333,6 @@ svg:not(:root) { margin: 0 0 0 $indent-amount; } - /** - * Address paddings set differently in IE 6/7. - */ - menu, ol, ul { @@ -360,18 +340,6 @@ svg:not(:root) { } } -@if support-for(ie, 7) { - /** - * Correct list images handled incorrectly in IE 7. - */ - - nav ul, - nav ol { - list-style: none; - list-style-image: none; - } -} - /** * Add the correct margin in IE 8. */ @@ -391,7 +359,7 @@ hr { overflow: visible; /* 2 */ } -@if $normalize-vertical-rhythm or support-for(ie, 7) { +@if $normalize-vertical-rhythm { /** * Set 1 unit of vertical rhythm on the top and bottom margin. */ @@ -429,21 +397,9 @@ pre { * on when it has padding (and textfield appearance). */ -@if support-for(ie, 7) { - /** - * Correct margin displayed oddly in IE 6/7. - */ - - form { - margin: 0; - } -} - /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. */ button, @@ -453,10 +409,6 @@ select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ - @if support-for(ie, 7) { - *font-family: $base-font-family; /* 3 */ - *vertical-align: middle; /* 4 */ - } } /** @@ -519,27 +471,17 @@ button, input { overflow: visible; - @if support-for(firefox, 29) { - // Firefox sets `line-height` using `!important` in the UA stylesheet. - line-height: normal; - } } /** * 1. Add the correct box sizing in IE <11. * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ - @if support-for(ie, 7) { - *height: 13px; /* 3 */ - *width: 13px; /* 3 */ - } } /** @@ -604,7 +546,6 @@ fieldset { * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. */ legend { @@ -614,9 +555,6 @@ legend { white-space: normal; /* 1 */ color: inherit; /* 2 */ padding: 0; /* 3 */ - @if support-for(ie, 7) { - *margin-left: -7px; /* 4 */ - } } /** diff --git a/fork-versions/default/_variables.scss b/fork-versions/default/_variables.scss index 16cb769..4996bb7 100644 --- a/fork-versions/default/_variables.scss +++ b/fork-versions/default/_variables.scss @@ -4,12 +4,6 @@ // If you have an initialization partial (or equivalent), you should move these // lines to that file. -// Support the same browsers as normalize.css v3. -$support-for: ( - ie: 9, - '*': -4, -) !default; - // The font size set on the root html element. $base-font-size: 16px !default; diff --git a/fork-versions/default/_vertical-rhythm.scss b/fork-versions/default/_vertical-rhythm.scss index 40c95f8..4f53647 100644 --- a/fork-versions/default/_vertical-rhythm.scss +++ b/fork-versions/default/_vertical-rhythm.scss @@ -24,11 +24,6 @@ @if unit($value) != 'px' { @error "normalize-font-size() only supports px inputs. The typey library is better."; } - // px fallback for IE 8 and earlier. Note: IE 9/10 don't understand rem - // in font shorthand, but font-size longhand is fine. - @if $base-unit == rem and support-for(ie, 8) { - font-size: $value; - } font-size: normalize-rhythm($value, $relative-to); } @@ -43,19 +38,11 @@ } $normalized-values: (); - $px-fallback: (); - @each $value in $value-list { - $px-value: $value; @if unitless($value) and $value != 0 { $value: $value * normalize-rhythm($base-line-height, $relative-to); - $px-value: $px-value * normalize-rhythm($base-line-height, $relative-to, px); } $normalized-values: append($normalized-values, $value, $sep); - $px-fallback: append($px-fallback, $px-value, $sep); - } - @if $base-unit == rem and support-for(ie, 8) { - #{$property}: $px-fallback; } #{$property}: $normalized-values; } diff --git a/fork-versions/ruby-sass-compass/README.md b/fork-versions/ruby-sass-compass/README.md index 7a549ec..a32d741 100644 --- a/fork-versions/ruby-sass-compass/README.md +++ b/fork-versions/ruby-sass-compass/README.md @@ -1,17 +1,5 @@ # Fork-able normalize-scss<br> for Ruby Sass and Compass 1.0 -In addition to copying these files to your Sass project, you'll also need to: - -1. Edit your `Gemfile` file to add: - - ```ruby -gem 'support-for', '~> 1.0' -``` - -2. Edit your project's Compass `config.rb` file to add: - - ```ruby -require 'support-for' -``` - -3. Update your local Gems with: `bundle install` +1. Copy these files to your Sass project. +2. Start forking by altering/moving Sass variables found in `_variables.scss`. +3. Edit any CSS ruleset directly rather than overriding it in later Sass. diff --git a/fork-versions/typey-chroma-kss/README.md b/fork-versions/typey-chroma-kss/README.md index 96ce886..065b253 100644 --- a/fork-versions/typey-chroma-kss/README.md +++ b/fork-versions/typey-chroma-kss/README.md @@ -6,13 +6,12 @@ 2. This fork-able version requires: * [chroma](https://github.com/JohnAlbin/chroma) - * [support-for](https://github.com/JohnAlbin/support-for) * [typey](https://github.com/jptaranto/typey) Add them to your package.json with: ```bash -npm install --save-dev support-for typey chroma-sass +npm install --save-dev typey chroma-sass ``` 3. Add the dependencies' directories to your nodeSass' [`includePaths` option](https://github.com/sass/node-sass#includepaths). @@ -25,7 +24,6 @@ sass.render({ file: scss_filename, includePaths: [ path.dirname(require.resolve('chroma-sass')), - path.dirname(require.resolve('support-for')), path.dirname(require.resolve('typey')) ] }, function(err, result) { /*...*/ }); @@ -36,7 +34,7 @@ sass.render({ If you are not using node-sass with libSass, you probably already know how to include 3rd party libraries into your Sass project. 1. Copy these files to your Sass project. -2. This fork-able version requires the [support-for](https://github.com/JohnAlbin/support-for) Sass module and the [typey](https://github.com/jptaranto/typey) Sass module. Add support-for's `sass` directory and typey's `stylesheets` directory to your libSass include paths in the "usual way". +2. This fork-able version requires the [chroma](https://github.com/JohnAlbin/chroma) Sass module and the [typey](https://github.com/jptaranto/typey) Sass module. Add chroma's `sass` directory and typey's `stylesheets` directory to your libSass include paths in the "usual way". ## Using with Ruby Sass @@ -46,15 +44,13 @@ In addition to copying these files to your Sass project, you'll also need to: ```ruby gem 'chroma-sass', '~> 1.0' -gem 'support-for', '~> 1.0' -gem 'typey', '~> 1.0.0.beta.7' +gem 'typey', '~> 1.0.0' ``` 2. If you use Compass, edit your `config.rb` file to add: ```ruby require 'chroma-sass' -require 'support-for' require 'typey' ``` diff --git a/fork-versions/typey-chroma-kss/_init.scss b/fork-versions/typey-chroma-kss/_init.scss index e5539da..5030323 100644 --- a/fork-versions/typey-chroma-kss/_init.scss +++ b/fork-versions/typey-chroma-kss/_init.scss @@ -27,7 +27,6 @@ // // The following sass modules are shared with all .scss files: // - [Chroma](https://github.com/JohnAlbin/chroma) -// - [Support-for](https://github.com/JohnAlbin/support-for) // - [Typey](https://github.com/jptaranto/typey) // // Additional pre-built libraries can be found on the [Sache website](http://www.sache.in/). @@ -37,8 +36,6 @@ // Add Chroma to manage colors. @import 'chroma'; @import 'chroma/kss'; -// Add support-for to manage normalize-scss' browser support. -@import 'support-for'; // Add typey to manage font sizes and margins. @import 'typey'; diff --git a/fork-versions/typey-chroma-kss/base/embedded/_embedded.scss b/fork-versions/typey-chroma-kss/base/embedded/_embedded.scss index 1770466..23359d0 100644 --- a/fork-versions/typey-chroma-kss/base/embedded/_embedded.scss +++ b/fork-versions/typey-chroma-kss/base/embedded/_embedded.scss @@ -15,11 +15,6 @@ img { // Remove the border on images inside links in IE <11. border-style: none; - @if support-for(ie, 7) { - // Improve image quality when scaled in IE 7. - // sass-lint:disable no-vendor-prefixes - -ms-interpolation-mode: bicubic; - } } img, diff --git a/fork-versions/typey-chroma-kss/base/forms/_forms.scss b/fork-versions/typey-chroma-kss/base/forms/_forms.scss index bcd505f..c59c0ff 100644 --- a/fork-versions/typey-chroma-kss/base/forms/_forms.scss +++ b/fork-versions/typey-chroma-kss/base/forms/_forms.scss @@ -29,12 +29,6 @@ textarea { font: inherit; // Remove the margin in Firefox and Safari. margin: 0; - @if support-for(ie, 7) { - // Address `font-family` inconsistency between `textarea` and other form in IE 7 - @include typeface(body); - // Improve appearance and consistency with IE 6/7. - *vertical-align: middle; - } } // Show the overflow in IE. @@ -51,10 +45,6 @@ select { // Show the overflow in Edge. input { overflow: visible; - @if support-for(firefox, 29) { - // Firefox sets `line-height` using `!important` in the UA stylesheet. - line-height: normal; - } } // Correct the cursor style of increment and decrement buttons in Chrome. @@ -177,12 +167,6 @@ input { box-sizing: border-box; // Remove the padding in IE <11. padding: 0; - @if support-for(ie, 7) { - // Remove excess padding in IE 7. - // Known issue: excess padding remains in IE 6. - *height: 13px; - *width: 13px; - } } // Fieldsets @@ -213,10 +197,6 @@ legend { // people aren't caught out if they zero out fieldset padding. margin-left: -5px; padding: 0 5px; - @if support-for(ie, 7) { - // Correct alignment displayed oddly in IE 6/7. - *margin-left: -7px; - } } // Labels diff --git a/fork-versions/typey-chroma-kss/base/grouping/_grouping.scss b/fork-versions/typey-chroma-kss/base/grouping/_grouping.scss index 42546e7..820489c 100644 --- a/fork-versions/typey-chroma-kss/base/grouping/_grouping.scss +++ b/fork-versions/typey-chroma-kss/base/grouping/_grouping.scss @@ -66,7 +66,6 @@ dl, menu, ol, ul { - // Address margins set differently in IE 6/7. @include margin(1 0); } @@ -91,7 +90,6 @@ dd { } } -// Address paddings set differently in IE 6/7. menu, ol, ul { @@ -102,15 +100,6 @@ ul { } } -@if support-for(ie, 7) { - // Correct list images handled incorrectly in IE 7. - nav ul, - nav ol { - list-style: none; - list-style-image: none; - } -} - // Figures // // The `<figure>` element can be used to annotate illustrations, diagrams, diff --git a/fork-versions/typey-chroma-kss/init/_variables.scss b/fork-versions/typey-chroma-kss/init/_variables.scss index 3b725f5..da53640 100644 --- a/fork-versions/typey-chroma-kss/init/_variables.scss +++ b/fork-versions/typey-chroma-kss/init/_variables.scss @@ -5,25 +5,6 @@ // Style guide: sass.variables -// Browser support -// -// For older versions of browsers, some Sass relies on the `support-for()` to -// control whether extra CSS is needed to be output. The `support-for()` -// function and the `$support-for` variable are documented on the [support-for -// homepage](https://github.com/JohnAlbin/support-for). -// -// Style guide: sass.variables.support-for - -// Support the same browsers as normalize.css v3. -// Possible keys: chrome, edge, firefox, ie, opera, safari, '*' -$support-for: ( - // IE 9-11 - ie: 9, - // The last 4 versions of all other browsers. - '*': -4, -); - - // Font faces, stacks and sizes. // // Font styling and line heights are controlled by the several variables that diff --git a/fork-versions/typey/README.md b/fork-versions/typey/README.md index 9c368a9..526e73b 100644 --- a/fork-versions/typey/README.md +++ b/fork-versions/typey/README.md @@ -3,13 +3,13 @@ ## Using with node-sass 1. Copy these files to your Sass project. -2. This fork-able version requires the [support-for](https://github.com/JohnAlbin/support-for) Sass module and the [typey](https://github.com/jptaranto/typey) Sass module. Add it to your package.json with: +2. This fork-able version requires the [typey](https://github.com/jptaranto/typey) Sass module. Add it to your package.json with: ```bash -npm install --save-dev support-for typey +npm install --save-dev typey ``` -3. Add support-for's `sass` directory to your nodeSass' [`includePaths` option](https://github.com/sass/node-sass#includepaths). +3. Add Typey's Sass directory to your nodeSass' [`includePaths` option](https://github.com/sass/node-sass#includepaths). ```js var sass = require('node-sass'), @@ -18,7 +18,6 @@ var sass = require('node-sass'), sass.render({ file: scss_filename, includePaths: [ - path.dirname(require.resolve('support-for')), path.dirname(require.resolve('typey')) ] }, function(err, result) { /*...*/ }); @@ -26,10 +25,10 @@ sass.render({ ## Using with libSass -If you are not using node-sass with libSass, you probably already know how to include 3rd party libraries into your Sass project. +If you are using libSass but not using node-sass, you probably already know how to include 3rd party libraries into your Sass project. 1. Copy these files to your Sass project. -2. This fork-able version requires the [support-for](https://github.com/JohnAlbin/support-for) Sass module and the [typey](https://github.com/jptaranto/typey) Sass module. Add support-for's `sass` directory and typey's `stylesheets` directory to your libSass include paths in the "usual way". +2. This fork-able version requires the [typey](https://github.com/jptaranto/typey) Sass module. Add typey's `stylesheets` directory to your libSass include paths in the "usual way". ## Using with Ruby Sass @@ -38,14 +37,12 @@ In addition to copying these files to your Sass project, you'll also need to: 1. Edit your `Gemfile` file to add: ```ruby -gem 'support-for', '~> 1.0' -gem 'typey', '~> 1.0.0.beta.7' +gem 'typey', '~> 1.0.0' ``` 2. If you use Compass, edit your `config.rb` file to add: ```ruby -require 'support-for' require 'typey' ``` diff --git a/fork-versions/typey/_normalize.scss b/fork-versions/typey/_normalize.scss index 2b8d2b5..d206427 100644 --- a/fork-versions/typey/_normalize.scss +++ b/fork-versions/typey/_normalize.scss @@ -1,7 +1,6 @@ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ @import 'variables'; -@import 'support-for'; @import 'typey'; /** @@ -59,10 +58,6 @@ canvas, progress, video { display: inline-block; - @if support-for(ie, 7) { - *display: inline; - *zoom: 1; - } } /** @@ -157,9 +152,6 @@ code, kbd, samp { font-family: monospace, monospace; /* 1 */ - @if support-for(ie, 6) { - _font-family: 'courier new', monospace; - } font-size: 1em; /* 2 */ } @@ -255,10 +247,6 @@ sup { img { border-style: none; - @if support-for(ie, 7) { - /* Improve image quality when scaled in IE 7. */ - -ms-interpolation-mode: bicubic; - } } /** @@ -280,10 +268,6 @@ blockquote { @include margin(1 $indent-amount); } -/** - * Address margins set differently in IE 6/7. - */ - dl, menu, ol, @@ -307,28 +291,12 @@ dd { margin: 0 0 0 $indent-amount; } -/** - * Address paddings set differently in IE 6/7. - */ - menu, ol, ul { padding: 0 0 0 $indent-amount; } -@if support-for(ie, 7) { - /** - * Correct list images handled incorrectly in IE 7. - */ - - nav ul, - nav ol { - list-style: none; - list-style-image: none; - } -} - /** * Add the correct margin in IE 8. */ @@ -384,21 +352,9 @@ pre { * on when it has padding (and textfield appearance). */ -@if support-for(ie, 7) { - /** - * Correct margin displayed oddly in IE 6/7. - */ - - form { - margin: 0; - } -} - /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. */ button, @@ -408,10 +364,6 @@ select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ - @if support-for(ie, 7) { - *font-family: $base-font-family; /* 3 */ - *vertical-align: middle; /* 4 */ - } } /** @@ -474,27 +426,17 @@ button, input { overflow: visible; - @if support-for(firefox, 29) { - // Firefox sets `line-height` using `!important` in the UA stylesheet. - line-height: normal; - } } /** * 1. Add the correct box sizing in IE <11. * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ - @if support-for(ie, 7) { - *height: 13px; /* 3 */ - *width: 13px; /* 3 */ - } } /** @@ -560,7 +502,6 @@ fieldset { * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. */ legend { @@ -570,9 +511,6 @@ legend { white-space: normal; /* 1 */ color: inherit; /* 2 */ padding: 0; /* 3 */ - @if support-for(ie, 7) { - *margin-left: -7px; /* 4 */ - } } /** diff --git a/fork-versions/typey/_variables.scss b/fork-versions/typey/_variables.scss index 4c0250c..5a14afa 100644 --- a/fork-versions/typey/_variables.scss +++ b/fork-versions/typey/_variables.scss @@ -4,12 +4,6 @@ // If you have an initialization partial (or equivalent), you should move these // lines to that file. -// Support the same browsers as normalize.css v3. -$support-for: ( - ie: 9, // IE 9-11 - '*': -4, // The last 4 versions of all other browsers. -) !default; - // The font size set on the root html element. $base-font-size: 16px !default; diff --git a/package.json b/package.json index 05fe8e8..f585d1d 100644 --- a/package.json +++ b/package.json @@ -41,7 +41,6 @@ "eyeglass": "^1.1.2", "mocha": "^3.1.2", "sassy-test": "^3.0.0", - "support-for": "^1.0.7", "typey": "^1.0.0" } } diff --git a/sass/_normalize.scss b/sass/_normalize.scss index ba09c5d..fd669eb 100644 --- a/sass/_normalize.scss +++ b/sass/_normalize.scss @@ -1,4 +1,3 @@ -@import 'support-for'; @import 'normalize/variables'; @import 'normalize/vertical-rhythm'; @import 'normalize/normalize-mixin'; diff --git a/sass/_support-for.scss b/sass/_support-for.scss deleted file mode 100644 index a96b2fe..0000000 --- a/sass/_support-for.scss +++ /dev/null @@ -1,64 +0,0 @@ -// Support the last 4 versions of all browsers except IE. -$support-for: ( - chrome: -4, - edge: 25, // Current Windows Server & Xbox One version. - firefox: 45, // Version 45 has "extended support" until June 13, 2017. - ie: 9, - opera: -4, - safari: -4, - '*': -4, -) !default; - -// Set the current version number for all browsers. As of: 2016-10-17 -$support-for-current-browser-version: ( - chrome: 54, // https://en.wikipedia.org/wiki/Google_Chrome_release_history - edge: 38, // https://en.wikipedia.org/wiki/Microsoft_Edge - firefox: 49, // https://en.wikipedia.org/wiki/Firefox_version_history#Firefox_45.4_ESR - ie: 11, // https://en.wikipedia.org/wiki/Internet_Explorer_versions - opera: 40, // https://en.wikipedia.org/wiki/Opera_(web_browser) - safari: 10, // https://en.wikipedia.org/wiki/Safari_version_history -) !default; - - -// support-for() -// -// Determines if the project has declared a minimum supported version number for -// the specified browser. -// -// If configured, this is a wrapper function that uses Compass' -// support-legacy-browser(). -// @see http://compass-style.org/reference/compass/support/#function-support-legacy-browser -// -@function support-for($browser, $version) { - // Ensure $version is an integer (or null). - @if not (type-of($version) == "null" or type-of($version) == "number" and round($version) == $version) { - @error "The $version parameter of support-for() must be an integer; #{type-of($version)} given."; - } - - // Check against declared minimums. - $min-version: null; - @if map-has-key($support-for, $browser) { - $min-version: map-get($support-for, $browser); - } - @else if map-has-key($support-for, '*') { - $min-version: map-get($support-for, '*'); - } - - // Ensure $min-version is an integer (or null). - @if type-of($min-version) != "null" and type-of($min-version) != "number" { - @error "$support-for: (#{$browser}: #{$min-version}) must be set to an integer (or null); #{$min-version} is a #{type-of($min-version)}."; - } - @elseif type-of($min-version) == "number" and round($min-version) != $min-version { - @error "$support-for: (#{$browser}: #{$min-version}) must be set to an integer (or null); #{$min-version} is not an integer."; - } - - // Negative $min-version means "X most recent versions". - @if type-of($min-version) == "number" and $min-version < 0 { - @if not map-has-key($support-for-current-browser-version, $browser) { - @error "#{$browser} not found in $support-for-current-browser-version map; it must be set to an integer."; - } - $min-version: map-get($support-for-current-browser-version, $browser) + $min-version + 1; - } - - @return if(($min-version and ($version >= $min-version)), true, false); -} diff --git a/sass/normalize/_normalize-mixin.scss b/sass/normalize/_normalize-mixin.scss index cc0390d..083f999 100644 --- a/sass/normalize/_normalize-mixin.scss +++ b/sass/normalize/_normalize-mixin.scss @@ -26,14 +26,6 @@ @return false; } -@mixin _normalize-monospace() { - font-family: monospace, monospace; - @if support-for(ie, 6) { - _font-family: 'courier new', monospace; - } - font-size: 1em; -} - @mixin normalize($include: (all), $exclude: ()) { // Initialize the helper function by passing it this mixin's parameters. $init: _normalize-include($include, $exclude); @@ -61,9 +53,9 @@ */ html { - @if $normalize-vertical-rhythm or support-for(ie, 7) { - // Correct text resizing oddly in IE 6/7 when body `font-size` is set using - // `em` units. + @if $normalize-vertical-rhythm { + // Correct old browser bug that prevented accessible resizing of text + // when root font-size is set with px or em. font-size: ($base-font-size / 16px) * 100%; } @if $normalize-vertical-rhythm { @@ -117,10 +109,6 @@ progress, video { display: inline-block; - @if support-for(ie, 7) { - *display: inline; - *zoom: 1; - } } /** @@ -217,7 +205,8 @@ code, kbd, samp { - @include _normalize-monospace(); + font-family: monospace, monospace; + font-size: 1em; } /** @@ -243,7 +232,7 @@ @include normalize-margin(1 0, $h1-font-size); } - @if $normalize-vertical-rhythm or support-for(ie, 7) { + @if $normalize-vertical-rhythm { h2 { @include normalize-font-size($h2-font-size); @if $normalize-vertical-rhythm { @@ -334,10 +323,6 @@ img { border-style: none; - @if support-for(ie, 7) { - /* Improve image quality when scaled in IE 7. */ - -ms-interpolation-mode: bicubic; - } } /** @@ -353,7 +338,7 @@ /* Grouping content ========================================================================== */ - @if $normalize-vertical-rhythm or support-for(ie, 7) { + @if $normalize-vertical-rhythm { /** * Set 1 unit of vertical rhythm on the top and bottom margin. */ @@ -362,10 +347,6 @@ @include normalize-margin(1 $indent-amount); } - /** - * Address margins set differently in IE 6/7. - */ - dl, menu, ol, @@ -391,10 +372,6 @@ margin: 0 0 0 $indent-amount; } - /** - * Address paddings set differently in IE 6/7. - */ - menu, ol, ul { @@ -402,18 +379,6 @@ } } - @if support-for(ie, 7) { - /** - * Correct list images handled incorrectly in IE 7. - */ - - nav ul, - nav ol { - list-style: none; - list-style-image: none; - } - } - /** * Add the correct margin in IE 8. */ @@ -433,7 +398,7 @@ overflow: visible; /* 2 */ } - @if $normalize-vertical-rhythm or support-for(ie, 7) { + @if $normalize-vertical-rhythm { /** * Set 1 unit of vertical rhythm on the top and bottom margin. */ @@ -445,7 +410,8 @@ } pre { - @include _normalize-monospace(); + font-family: monospace, monospace; + font-size: 1em; } } @@ -473,21 +439,9 @@ * on when it has padding (and textfield appearance). */ - @if support-for(ie, 7) { - /** - * Correct margin displayed oddly in IE 6/7. - */ - - form { - margin: 0; - } - } - /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. */ button, @@ -497,10 +451,6 @@ textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ - @if support-for(ie, 7) { - *font-family: $base-font-family; /* 3 */ - *vertical-align: middle; /* 4 */ - } } /** @@ -563,27 +513,17 @@ input { overflow: visible; - @if support-for(firefox, 29) { - // Firefox sets `line-height` using `!important` in the UA stylesheet. - line-height: normal; - } } /** * 1. Add the correct box sizing in IE <11. * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ - @if support-for(ie, 7) { - *height: 13px; /* 3 */ - *width: 13px; /* 3 */ - } } /** @@ -648,7 +588,6 @@ * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. */ legend { @@ -658,9 +597,6 @@ white-space: normal; /* 1 */ color: inherit; /* 2 */ padding: 0; /* 3 */ - @if support-for(ie, 7) { - *margin-left: -7px; /* 4 */ - } } /** diff --git a/sass/normalize/_vertical-rhythm.scss b/sass/normalize/_vertical-rhythm.scss index 40c95f8..4f53647 100644 --- a/sass/normalize/_vertical-rhythm.scss +++ b/sass/normalize/_vertical-rhythm.scss @@ -24,11 +24,6 @@ @if unit($value) != 'px' { @error "normalize-font-size() only supports px inputs. The typey library is better."; } - // px fallback for IE 8 and earlier. Note: IE 9/10 don't understand rem - // in font shorthand, but font-size longhand is fine. - @if $base-unit == rem and support-for(ie, 8) { - font-size: $value; - } font-size: normalize-rhythm($value, $relative-to); } @@ -43,19 +38,11 @@ } $normalized-values: (); - $px-fallback: (); - @each $value in $value-list { - $px-value: $value; @if unitless($value) and $value != 0 { $value: $value * normalize-rhythm($base-line-height, $relative-to); - $px-value: $px-value * normalize-rhythm($base-line-height, $relative-to, px); } $normalized-values: append($normalized-values, $value, $sep); - $px-fallback: append($px-fallback, $px-value, $sep); - } - @if $base-unit == rem and support-for(ie, 8) { - #{$property}: $px-fallback; } #{$property}: $normalized-values; } diff --git a/test/fixtures/fork-versions/default/output.css b/test/fixtures/fork-versions/default/output.css index d2a4231..5373667 100644 --- a/test/fixtures/fork-versions/default/output.css +++ b/test/fixtures/fork-versions/default/output.css @@ -232,8 +232,6 @@ hr { /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. */ button, input, @@ -303,8 +301,6 @@ input { /** * 1. Add the correct box sizing in IE <11. * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. */ [type="checkbox"], [type="radio"] { @@ -365,7 +361,6 @@ fieldset { * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. */ legend { box-sizing: border-box; diff --git a/test/fixtures/fork-versions/typey/output.css b/test/fixtures/fork-versions/typey/output.css index 2d034d6..35c8cdc 100644 --- a/test/fixtures/fork-versions/typey/output.css +++ b/test/fixtures/fork-versions/typey/output.css @@ -227,9 +227,6 @@ svg:not(:root) { blockquote { margin: 1.5rem 2.5rem; } -/** - * Address margins set differently in IE 6/7. - */ dl, menu, ol, @@ -248,9 +245,6 @@ ul ul { dd { margin: 0 0 0 40px; } -/** - * Address paddings set differently in IE 6/7. - */ menu, ol, ul { @@ -305,8 +299,6 @@ pre { /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. */ button, input, @@ -376,8 +368,6 @@ input { /** * 1. Add the correct box sizing in IE <11. * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. */ [type="checkbox"], [type="radio"] { @@ -438,7 +428,6 @@ fieldset { * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. */ legend { box-sizing: border-box; diff --git a/test/fixtures/import-now/output.css b/test/fixtures/import-now/output.css index 0f75d8a..0be7e3b 100644 --- a/test/fixtures/import-now/output.css +++ b/test/fixtures/import-now/output.css @@ -233,8 +233,6 @@ pre { /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. */ button, input, @@ -304,8 +302,6 @@ input { /** * 1. Add the correct box sizing in IE <11. * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. */ [type="checkbox"], [type="radio"] { @@ -366,7 +362,6 @@ fieldset { * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. */ legend { box-sizing: border-box; diff --git a/test/fixtures/normalize/exclude-multiple/output.css b/test/fixtures/normalize/exclude-multiple/output.css index e4404c5..912e923 100644 --- a/test/fixtures/normalize/exclude-multiple/output.css +++ b/test/fixtures/normalize/exclude-multiple/output.css @@ -195,8 +195,6 @@ sup { /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. */ button, input, @@ -266,8 +264,6 @@ input { /** * 1. Add the correct box sizing in IE <11. * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. */ [type="checkbox"], [type="radio"] { @@ -328,7 +324,6 @@ fieldset { * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. */ legend { box-sizing: border-box; diff --git a/test/fixtures/normalize/exclude-string/output.css b/test/fixtures/normalize/exclude-string/output.css index 0f75d8a..0be7e3b 100644 --- a/test/fixtures/normalize/exclude-string/output.css +++ b/test/fixtures/normalize/exclude-string/output.css @@ -233,8 +233,6 @@ pre { /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. */ button, input, @@ -304,8 +302,6 @@ input { /** * 1. Add the correct box sizing in IE <11. * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. */ [type="checkbox"], [type="radio"] { @@ -366,7 +362,6 @@ fieldset { * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. */ legend { box-sizing: border-box; diff --git a/test/fixtures/variables/default/output.css b/test/fixtures/variables/default/output.css index 0f75d8a..0be7e3b 100644 --- a/test/fixtures/variables/default/output.css +++ b/test/fixtures/variables/default/output.css @@ -233,8 +233,6 @@ pre { /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. */ button, input, @@ -304,8 +302,6 @@ input { /** * 1. Add the correct box sizing in IE <11. * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. */ [type="checkbox"], [type="radio"] { @@ -366,7 +362,6 @@ fieldset { * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. */ legend { box-sizing: border-box; diff --git a/test/fixtures/variables/font/input.scss b/test/fixtures/variables/font/input.scss index ab25350..5ab32d1 100644 --- a/test/fixtures/variables/font/input.scss +++ b/test/fixtures/variables/font/input.scss @@ -13,9 +13,5 @@ $h4-font-size: 0.9 * $base-font-size; $h5-font-size: 0.75 * $base-font-size; $h6-font-size: 0.5 * $base-font-size; -$support-for: ( - ie: 8, -); - @import 'normalize'; @include normalize(); diff --git a/test/fixtures/variables/font/output.css b/test/fixtures/variables/font/output.css index b02ef72..05b4c28 100644 --- a/test/fixtures/variables/font/output.css +++ b/test/fixtures/variables/font/output.css @@ -139,52 +139,34 @@ dfn { * `article` contexts in Chrome, Firefox, and Safari. */ h1 { - font-size: 72px; font-size: 3rem; - line-height: 108px; line-height: 4.5rem; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - margin: 36px 0; margin: 1.5rem 0; } h2 { - font-size: 48px; font-size: 2rem; - line-height: 72px; line-height: 3rem; - margin: 36px 0; margin: 1.5rem 0; } h3 { - font-size: 36px; font-size: 1.5rem; - line-height: 72px; line-height: 3rem; - margin: 36px 0; margin: 1.5rem 0; } h4 { - font-size: 21.6px; font-size: 0.9rem; - line-height: 36px; line-height: 1.5rem; - margin: 36px 0; margin: 1.5rem 0; } h5 { - font-size: 18px; font-size: 0.75rem; - line-height: 36px; line-height: 1.5rem; - margin: 36px 0; margin: 1.5rem 0; } h6 { - font-size: 12px; font-size: 0.5rem; - line-height: 36px; line-height: 1.5rem; - margin: 36px 0; margin: 1.5rem 0; } /** @@ -237,17 +219,12 @@ svg:not(:root) { * Set 1 unit of vertical rhythm on the top and bottom margin. */ blockquote { - margin: 36px 40px; margin: 1.5rem 40px; } -/** - * Address margins set differently in IE 6/7. - */ dl, menu, ol, ul { - margin: 36px 0; margin: 1.5rem 0; } /** @@ -262,9 +239,6 @@ ul ul { dd { margin: 0 0 0 40px; } -/** - * Address paddings set differently in IE 6/7. - */ menu, ol, ul { @@ -274,7 +248,6 @@ ul { * Add the correct margin in IE 8. */ figure { - margin: 36px 40px; margin: 1.5rem 40px; } /** @@ -294,7 +267,6 @@ hr { */ p, pre { - margin: 36px 0; margin: 1.5rem 0; } pre { @@ -325,8 +297,6 @@ pre { /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. */ button, input, @@ -396,8 +366,6 @@ input { /** * 1. Add the correct box sizing in IE <11. * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. */ [type="checkbox"], [type="radio"] { @@ -458,7 +426,6 @@ fieldset { * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. */ legend { box-sizing: border-box; diff --git a/test/fixtures/variables/indent-amount/output.css b/test/fixtures/variables/indent-amount/output.css index b12ea4b..ef0fec4 100644 --- a/test/fixtures/variables/indent-amount/output.css +++ b/test/fixtures/variables/indent-amount/output.css @@ -221,9 +221,6 @@ svg:not(:root) { blockquote { margin: 1.5em 3em; } -/** - * Address margins set differently in IE 6/7. - */ dl, menu, ol, @@ -242,9 +239,6 @@ ul ul { dd { margin: 0 0 0 3em; } -/** - * Address paddings set differently in IE 6/7. - */ menu, ol, ul { @@ -303,8 +297,6 @@ pre { /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. */ button, input, @@ -374,8 +366,6 @@ input { /** * 1. Add the correct box sizing in IE <11. * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. */ [type="checkbox"], [type="radio"] { @@ -436,7 +426,6 @@ fieldset { * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. */ legend { box-sizing: border-box; diff --git a/test/fixtures/variables/support-for/firefox29/input.scss b/test/fixtures/variables/support-for/firefox29/input.scss deleted file mode 100644 index 3e5b271..0000000 --- a/test/fixtures/variables/support-for/firefox29/input.scss +++ /dev/null @@ -1,6 +0,0 @@ -$support-for: ( - firefox: 29, -); - -@import 'normalize'; -@include normalize(); diff --git a/test/fixtures/variables/support-for/firefox29/output.css b/test/fixtures/variables/support-for/firefox29/output.css deleted file mode 100644 index b2f5d0a..0000000 --- a/test/fixtures/variables/support-for/firefox29/output.css +++ /dev/null @@ -1,396 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. 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 */ } - -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/* HTML5 display definitions - ========================================================================== */ -/** - * Add the correct display in IE <10. - * Add the correct display in Edge, IE, and Firefox for `details` or `summary`. - * Add the correct display in IE for `main`. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; } - -/** - * Add the correct display in IE <10. - */ -audio, -canvas, -progress, -video { - display: inline-block; } - -/** - * Add the correct display and remove excess height in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; } - -/** - * Add the correct display in IE <11, Safari <8, and Firefox <22. - * 1. Add the correct display in IE. - */ -template, -[hidden] { - display: none; } - -/* Links - ========================================================================== */ -/** - * 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; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in Firefox <40. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - 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. - */ -b, -strong { - font-weight: bolder; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; } - -/** - * Add the correct font style in Android <4.4. - */ -dfn { - font-style: italic; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - margin: 0.75em 0; } - -/** - * Add the correct background and color in IE <10. - */ -mark { - background-color: #ff0; - color: #000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE <11. - */ -img { - border-style: none; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1.5em 40px; } - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -pre { - font-family: monospace, monospace; - font-size: 1em; } - -/* Forms - ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In 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). - */ -/** - * 1. Change font properties to `inherit` in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. - */ -button, -input, -optgroup, -select, -textarea { - font: inherit; - /* 1 */ - margin: 0; - /* 2 */ } - -/** - * Show the overflow in IE. - */ -button { - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 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. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; - line-height: normal; } - -/** - * 1. Add the correct box sizing in IE <11. - * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. - */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ - /** - * 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. - */ -legend { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - white-space: normal; - /* 1 */ - color: inherit; - /* 2 */ - padding: 0; - /* 3 */ } - -/** - * Restore the font weight unset by a previous rule. - */ -optgroup { - font-weight: bold; } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } diff --git a/test/fixtures/variables/support-for/ie10/input.scss b/test/fixtures/variables/support-for/ie10/input.scss deleted file mode 100644 index a7127e7..0000000 --- a/test/fixtures/variables/support-for/ie10/input.scss +++ /dev/null @@ -1,6 +0,0 @@ -$support-for: ( - ie: 10, -); - -@import 'normalize'; -@include normalize(); diff --git a/test/fixtures/variables/support-for/ie10/output.css b/test/fixtures/variables/support-for/ie10/output.css deleted file mode 100644 index 0f75d8a..0000000 --- a/test/fixtures/variables/support-for/ie10/output.css +++ /dev/null @@ -1,395 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. 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 */ } - -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/* HTML5 display definitions - ========================================================================== */ -/** - * Add the correct display in IE <10. - * Add the correct display in Edge, IE, and Firefox for `details` or `summary`. - * Add the correct display in IE for `main`. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; } - -/** - * Add the correct display in IE <10. - */ -audio, -canvas, -progress, -video { - display: inline-block; } - -/** - * Add the correct display and remove excess height in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; } - -/** - * Add the correct display in IE <11, Safari <8, and Firefox <22. - * 1. Add the correct display in IE. - */ -template, -[hidden] { - display: none; } - -/* Links - ========================================================================== */ -/** - * 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; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in Firefox <40. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - 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. - */ -b, -strong { - font-weight: bolder; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; } - -/** - * Add the correct font style in Android <4.4. - */ -dfn { - font-style: italic; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - margin: 0.75em 0; } - -/** - * Add the correct background and color in IE <10. - */ -mark { - background-color: #ff0; - color: #000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE <11. - */ -img { - border-style: none; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1.5em 40px; } - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -pre { - font-family: monospace, monospace; - font-size: 1em; } - -/* Forms - ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In 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). - */ -/** - * 1. Change font properties to `inherit` in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. - */ -button, -input, -optgroup, -select, -textarea { - font: inherit; - /* 1 */ - margin: 0; - /* 2 */ } - -/** - * Show the overflow in IE. - */ -button { - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 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. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE <11. - * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. - */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ - /** - * 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. - */ -legend { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - white-space: normal; - /* 1 */ - color: inherit; - /* 2 */ - padding: 0; - /* 3 */ } - -/** - * Restore the font weight unset by a previous rule. - */ -optgroup { - font-weight: bold; } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } diff --git a/test/fixtures/variables/support-for/ie11/input.scss b/test/fixtures/variables/support-for/ie11/input.scss deleted file mode 100644 index 86a8fae..0000000 --- a/test/fixtures/variables/support-for/ie11/input.scss +++ /dev/null @@ -1,6 +0,0 @@ -$support-for: ( - ie: 11, -); - -@import 'normalize'; -@include normalize(); diff --git a/test/fixtures/variables/support-for/ie11/output.css b/test/fixtures/variables/support-for/ie11/output.css deleted file mode 100644 index 0f75d8a..0000000 --- a/test/fixtures/variables/support-for/ie11/output.css +++ /dev/null @@ -1,395 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. 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 */ } - -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/* HTML5 display definitions - ========================================================================== */ -/** - * Add the correct display in IE <10. - * Add the correct display in Edge, IE, and Firefox for `details` or `summary`. - * Add the correct display in IE for `main`. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; } - -/** - * Add the correct display in IE <10. - */ -audio, -canvas, -progress, -video { - display: inline-block; } - -/** - * Add the correct display and remove excess height in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; } - -/** - * Add the correct display in IE <11, Safari <8, and Firefox <22. - * 1. Add the correct display in IE. - */ -template, -[hidden] { - display: none; } - -/* Links - ========================================================================== */ -/** - * 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; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in Firefox <40. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - 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. - */ -b, -strong { - font-weight: bolder; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; } - -/** - * Add the correct font style in Android <4.4. - */ -dfn { - font-style: italic; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - margin: 0.75em 0; } - -/** - * Add the correct background and color in IE <10. - */ -mark { - background-color: #ff0; - color: #000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE <11. - */ -img { - border-style: none; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1.5em 40px; } - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -pre { - font-family: monospace, monospace; - font-size: 1em; } - -/* Forms - ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In 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). - */ -/** - * 1. Change font properties to `inherit` in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. - */ -button, -input, -optgroup, -select, -textarea { - font: inherit; - /* 1 */ - margin: 0; - /* 2 */ } - -/** - * Show the overflow in IE. - */ -button { - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 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. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE <11. - * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. - */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ - /** - * 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. - */ -legend { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - white-space: normal; - /* 1 */ - color: inherit; - /* 2 */ - padding: 0; - /* 3 */ } - -/** - * Restore the font weight unset by a previous rule. - */ -optgroup { - font-weight: bold; } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } diff --git a/test/fixtures/variables/support-for/ie6/input.scss b/test/fixtures/variables/support-for/ie6/input.scss deleted file mode 100644 index dc6fe69..0000000 --- a/test/fixtures/variables/support-for/ie6/input.scss +++ /dev/null @@ -1,6 +0,0 @@ -$support-for: ( - ie: 6, -); - -@import 'normalize'; -@include normalize(); diff --git a/test/fixtures/variables/support-for/ie6/output.css b/test/fixtures/variables/support-for/ie6/output.css deleted file mode 100644 index a8cf119..0000000 --- a/test/fixtures/variables/support-for/ie6/output.css +++ /dev/null @@ -1,479 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Prevent adjustments of font size after orientation changes in IE and iOS. - */ -html { - font-size: 100%; - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/* HTML5 display definitions - ========================================================================== */ -/** - * Add the correct display in IE <10. - * Add the correct display in Edge, IE, and Firefox for `details` or `summary`. - * Add the correct display in IE for `main`. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; } - -/** - * Add the correct display in IE <10. - */ -audio, -canvas, -progress, -video { - display: inline-block; - *display: inline; - *zoom: 1; } - -/** - * Add the correct display and remove excess height in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; } - -/** - * Add the correct display in IE <11, Safari <8, and Firefox <22. - * 1. Add the correct display in IE. - */ -template, -[hidden] { - display: none; } - -/* Links - ========================================================================== */ -/** - * 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; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in Firefox <40. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - 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. - */ -b, -strong { - font-weight: bolder; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - _font-family: 'courier new', monospace; - font-size: 1em; } - -/** - * Add the correct font style in Android <4.4. - */ -dfn { - font-style: italic; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - margin: 0.75em 0; } - -h2 { - font-size: 1.5em; - margin: 1em 0; } - -h3 { - font-size: 1.17em; - margin: 1.28205em 0; } - -h4 { - font-size: 1em; - margin: 1.5em 0; } - -h5 { - font-size: 0.83em; - margin: 1.80723em 0; } - -h6 { - font-size: 0.67em; - margin: 2.23881em 0; } - -/** - * Add the correct background and color in IE <10. - */ -mark { - background-color: #ff0; - color: #000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE <11. - */ -img { - border-style: none; - /* Improve image quality when scaled in IE 7. */ - -ms-interpolation-mode: bicubic; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - ========================================================================== */ -/** - * Set 1 unit of vertical rhythm on the top and bottom margin. - */ -blockquote { - margin: 1.5em 40px; } - -/** - * Address margins set differently in IE 6/7. - */ -dl, -menu, -ol, -ul { - margin: 1.5em 0; } - -dd { - margin: 0 0 0 40px; } - -/** - * Address paddings set differently in IE 6/7. - */ -menu, -ol, -ul { - padding: 0 0 0 40px; } - -/** - * Correct list images handled incorrectly in IE 7. - */ -nav ul, -nav ol { - list-style: none; - list-style-image: none; } - -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1.5em 40px; } - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -/** - * Set 1 unit of vertical rhythm on the top and bottom margin. - */ -p, -pre { - margin: 1.5em 0; } - -pre { - font-family: monospace, monospace; - _font-family: 'courier new', monospace; - font-size: 1em; } - -/* Forms - ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In 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). - */ -/** - * Correct margin displayed oddly in IE 6/7. - */ -form { - margin: 0; } - -/** - * 1. Change font properties to `inherit` in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. - */ -button, -input, -optgroup, -select, -textarea { - font: inherit; - /* 1 */ - margin: 0; - /* 2 */ - *font-family: sans-serif; - /* 3 */ - *vertical-align: middle; - /* 4 */ } - -/** - * Show the overflow in IE. - */ -button { - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 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. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE <11. - * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. - */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ - *height: 13px; - /* 3 */ - *width: 13px; - /* 3 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ - /** - * 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. - */ -legend { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - white-space: normal; - /* 1 */ - color: inherit; - /* 2 */ - padding: 0; - /* 3 */ - *margin-left: -7px; - /* 4 */ } - -/** - * Restore the font weight unset by a previous rule. - */ -optgroup { - font-weight: bold; } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } diff --git a/test/fixtures/variables/support-for/ie7/input.scss b/test/fixtures/variables/support-for/ie7/input.scss deleted file mode 100644 index c80a605..0000000 --- a/test/fixtures/variables/support-for/ie7/input.scss +++ /dev/null @@ -1,6 +0,0 @@ -$support-for: ( - ie: 7, -); - -@import 'normalize'; -@include normalize(); diff --git a/test/fixtures/variables/support-for/ie7/output.css b/test/fixtures/variables/support-for/ie7/output.css deleted file mode 100644 index 2030ee7..0000000 --- a/test/fixtures/variables/support-for/ie7/output.css +++ /dev/null @@ -1,477 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Prevent adjustments of font size after orientation changes in IE and iOS. - */ -html { - font-size: 100%; - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/* HTML5 display definitions - ========================================================================== */ -/** - * Add the correct display in IE <10. - * Add the correct display in Edge, IE, and Firefox for `details` or `summary`. - * Add the correct display in IE for `main`. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; } - -/** - * Add the correct display in IE <10. - */ -audio, -canvas, -progress, -video { - display: inline-block; - *display: inline; - *zoom: 1; } - -/** - * Add the correct display and remove excess height in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; } - -/** - * Add the correct display in IE <11, Safari <8, and Firefox <22. - * 1. Add the correct display in IE. - */ -template, -[hidden] { - display: none; } - -/* Links - ========================================================================== */ -/** - * 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; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in Firefox <40. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - 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. - */ -b, -strong { - font-weight: bolder; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; } - -/** - * Add the correct font style in Android <4.4. - */ -dfn { - font-style: italic; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - margin: 0.75em 0; } - -h2 { - font-size: 1.5em; - margin: 1em 0; } - -h3 { - font-size: 1.17em; - margin: 1.28205em 0; } - -h4 { - font-size: 1em; - margin: 1.5em 0; } - -h5 { - font-size: 0.83em; - margin: 1.80723em 0; } - -h6 { - font-size: 0.67em; - margin: 2.23881em 0; } - -/** - * Add the correct background and color in IE <10. - */ -mark { - background-color: #ff0; - color: #000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE <11. - */ -img { - border-style: none; - /* Improve image quality when scaled in IE 7. */ - -ms-interpolation-mode: bicubic; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - ========================================================================== */ -/** - * Set 1 unit of vertical rhythm on the top and bottom margin. - */ -blockquote { - margin: 1.5em 40px; } - -/** - * Address margins set differently in IE 6/7. - */ -dl, -menu, -ol, -ul { - margin: 1.5em 0; } - -dd { - margin: 0 0 0 40px; } - -/** - * Address paddings set differently in IE 6/7. - */ -menu, -ol, -ul { - padding: 0 0 0 40px; } - -/** - * Correct list images handled incorrectly in IE 7. - */ -nav ul, -nav ol { - list-style: none; - list-style-image: none; } - -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1.5em 40px; } - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -/** - * Set 1 unit of vertical rhythm on the top and bottom margin. - */ -p, -pre { - margin: 1.5em 0; } - -pre { - font-family: monospace, monospace; - font-size: 1em; } - -/* Forms - ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In 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). - */ -/** - * Correct margin displayed oddly in IE 6/7. - */ -form { - margin: 0; } - -/** - * 1. Change font properties to `inherit` in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. - */ -button, -input, -optgroup, -select, -textarea { - font: inherit; - /* 1 */ - margin: 0; - /* 2 */ - *font-family: sans-serif; - /* 3 */ - *vertical-align: middle; - /* 4 */ } - -/** - * Show the overflow in IE. - */ -button { - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 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. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE <11. - * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. - */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ - *height: 13px; - /* 3 */ - *width: 13px; - /* 3 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ - /** - * 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. - */ -legend { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - white-space: normal; - /* 1 */ - color: inherit; - /* 2 */ - padding: 0; - /* 3 */ - *margin-left: -7px; - /* 4 */ } - -/** - * Restore the font weight unset by a previous rule. - */ -optgroup { - font-weight: bold; } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } diff --git a/test/fixtures/variables/support-for/ie8/input.scss b/test/fixtures/variables/support-for/ie8/input.scss deleted file mode 100644 index c06b51e..0000000 --- a/test/fixtures/variables/support-for/ie8/input.scss +++ /dev/null @@ -1,6 +0,0 @@ -$support-for: ( - ie: 8, -); - -@import 'normalize'; -@include normalize(); diff --git a/test/fixtures/variables/support-for/ie8/output.css b/test/fixtures/variables/support-for/ie8/output.css deleted file mode 100644 index 0f75d8a..0000000 --- a/test/fixtures/variables/support-for/ie8/output.css +++ /dev/null @@ -1,395 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. 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 */ } - -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/* HTML5 display definitions - ========================================================================== */ -/** - * Add the correct display in IE <10. - * Add the correct display in Edge, IE, and Firefox for `details` or `summary`. - * Add the correct display in IE for `main`. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; } - -/** - * Add the correct display in IE <10. - */ -audio, -canvas, -progress, -video { - display: inline-block; } - -/** - * Add the correct display and remove excess height in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; } - -/** - * Add the correct display in IE <11, Safari <8, and Firefox <22. - * 1. Add the correct display in IE. - */ -template, -[hidden] { - display: none; } - -/* Links - ========================================================================== */ -/** - * 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; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in Firefox <40. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - 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. - */ -b, -strong { - font-weight: bolder; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; } - -/** - * Add the correct font style in Android <4.4. - */ -dfn { - font-style: italic; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - margin: 0.75em 0; } - -/** - * Add the correct background and color in IE <10. - */ -mark { - background-color: #ff0; - color: #000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE <11. - */ -img { - border-style: none; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1.5em 40px; } - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -pre { - font-family: monospace, monospace; - font-size: 1em; } - -/* Forms - ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In 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). - */ -/** - * 1. Change font properties to `inherit` in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. - */ -button, -input, -optgroup, -select, -textarea { - font: inherit; - /* 1 */ - margin: 0; - /* 2 */ } - -/** - * Show the overflow in IE. - */ -button { - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 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. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE <11. - * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. - */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ - /** - * 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. - */ -legend { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - white-space: normal; - /* 1 */ - color: inherit; - /* 2 */ - padding: 0; - /* 3 */ } - -/** - * Restore the font weight unset by a previous rule. - */ -optgroup { - font-weight: bold; } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } diff --git a/test/fixtures/variables/support-for/ie9/input.scss b/test/fixtures/variables/support-for/ie9/input.scss deleted file mode 100644 index 200f712..0000000 --- a/test/fixtures/variables/support-for/ie9/input.scss +++ /dev/null @@ -1,6 +0,0 @@ -$support-for: ( - ie: 9, -); - -@import 'normalize'; -@include normalize(); diff --git a/test/fixtures/variables/support-for/ie9/output.css b/test/fixtures/variables/support-for/ie9/output.css deleted file mode 100644 index 0f75d8a..0000000 --- a/test/fixtures/variables/support-for/ie9/output.css +++ /dev/null @@ -1,395 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. 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 */ } - -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/* HTML5 display definitions - ========================================================================== */ -/** - * Add the correct display in IE <10. - * Add the correct display in Edge, IE, and Firefox for `details` or `summary`. - * Add the correct display in IE for `main`. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; } - -/** - * Add the correct display in IE <10. - */ -audio, -canvas, -progress, -video { - display: inline-block; } - -/** - * Add the correct display and remove excess height in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; } - -/** - * Add the correct display in IE <11, Safari <8, and Firefox <22. - * 1. Add the correct display in IE. - */ -template, -[hidden] { - display: none; } - -/* Links - ========================================================================== */ -/** - * 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; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in Firefox <40. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - 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. - */ -b, -strong { - font-weight: bolder; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; } - -/** - * Add the correct font style in Android <4.4. - */ -dfn { - font-style: italic; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - margin: 0.75em 0; } - -/** - * Add the correct background and color in IE <10. - */ -mark { - background-color: #ff0; - color: #000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE <11. - */ -img { - border-style: none; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1.5em 40px; } - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -pre { - font-family: monospace, monospace; - font-size: 1em; } - -/* Forms - ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In 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). - */ -/** - * 1. Change font properties to `inherit` in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. - */ -button, -input, -optgroup, -select, -textarea { - font: inherit; - /* 1 */ - margin: 0; - /* 2 */ } - -/** - * Show the overflow in IE. - */ -button { - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 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. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE <11. - * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. - */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ - /** - * 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. - */ -legend { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - white-space: normal; - /* 1 */ - color: inherit; - /* 2 */ - padding: 0; - /* 3 */ } - -/** - * Restore the font weight unset by a previous rule. - */ -optgroup { - font-weight: bold; } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } diff --git a/test/fixtures/variables/support-for/negative-value/input.scss b/test/fixtures/variables/support-for/negative-value/input.scss deleted file mode 100644 index 36a9e56..0000000 --- a/test/fixtures/variables/support-for/negative-value/input.scss +++ /dev/null @@ -1,6 +0,0 @@ -$support-for: ( - ie: -2, -); - -@import 'normalize'; -@include normalize(); diff --git a/test/fixtures/variables/support-for/negative-value/output.css b/test/fixtures/variables/support-for/negative-value/output.css deleted file mode 100644 index 0f75d8a..0000000 --- a/test/fixtures/variables/support-for/negative-value/output.css +++ /dev/null @@ -1,395 +0,0 @@ -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. 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 */ } - -/** - * Remove the margin in all browsers (opinionated). - */ -body { - margin: 0; } - -/* HTML5 display definitions - ========================================================================== */ -/** - * Add the correct display in IE <10. - * Add the correct display in Edge, IE, and Firefox for `details` or `summary`. - * Add the correct display in IE for `main`. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; } - -/** - * Add the correct display in IE <10. - */ -audio, -canvas, -progress, -video { - display: inline-block; } - -/** - * Add the correct display and remove excess height in iOS 4-7. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; } - -/** - * Add the correct display in IE <11, Safari <8, and Firefox <22. - * 1. Add the correct display in IE. - */ -template, -[hidden] { - display: none; } - -/* Links - ========================================================================== */ -/** - * 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; - /* 1 */ - -webkit-text-decoration-skip: objects; - /* 2 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in Firefox <40. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - 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. - */ -b, -strong { - font-weight: bolder; } - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - font-size: 1em; } - -/** - * Add the correct font style in Android <4.4. - */ -dfn { - font-style: italic; } - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - /* Set 1 unit of vertical rhythm on the top and bottom margins. */ - margin: 0.75em 0; } - -/** - * Add the correct background and color in IE <10. - */ -mark { - background-color: #ff0; - color: #000; } - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub { - bottom: -0.25em; } - -sup { - top: -0.5em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE <11. - */ -img { - border-style: none; } - -/** - * Hide the overflow in IE. - */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct margin in IE 8. - */ -figure { - margin: 1.5em 40px; } - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -pre { - font-family: monospace, monospace; - font-size: 1em; } - -/* Forms - ========================================================================== */ -/** - * Known issues: - * - By default, Chrome on OS X and Safari on OS X allow very limited styling of - * select, unless a border property is set. The default font weight on - * optgroup elements cannot safely be changed in Chrome on OSX and Safari on - * OS X. - * - It is recommended that you do not style checkbox and radio inputs as - * Firefox's implementation does not respect box-sizing, padding, or width. - * - Certain font size values applied to number inputs cause the cursor style of - * the decrement button to change from default to text. - * - The search input is not fully stylable by default. In Chrome and Safari on - * OSX/iOS you can't control font, padding, border, or background. In 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). - */ -/** - * 1. Change font properties to `inherit` in all browsers (opinionated). - * 2. Remove the margin in Firefox and Safari. - * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7 - * 4. Improve appearance and consistency with IE 6/7. - */ -button, -input, -optgroup, -select, -textarea { - font: inherit; - /* 1 */ - margin: 0; - /* 2 */ } - -/** - * Show the overflow in IE. - */ -button { - overflow: visible; } - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; } - -/** - * 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. - */ -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - /* 2 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE <11. - * 2. Remove the padding in IE <11. - * 3. Remove excess padding in IE 7. - * Known issue: excess padding remains in IE 6. - */ -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ - /** - * 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - * 4. Correct alignment displayed oddly in IE 6/7. - */ -legend { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - white-space: normal; - /* 1 */ - color: inherit; - /* 2 */ - padding: 0; - /* 3 */ } - -/** - * Restore the font weight unset by a previous rule. - */ -optgroup { - font-weight: bold; } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } diff --git a/test/test_fork-versions.js b/test/test_fork-versions.js index ada71f8..1b19898 100644 --- a/test/test_fork-versions.js +++ b/test/test_fork-versions.js @@ -7,9 +7,7 @@ describe('Fork versions', function() { fixtures: path.join(__dirname, 'fixtures/fork-versions'), includePaths: [ // Path to Fork version. - path.join(__dirname, '../fork-versions/default'), - // Path to normalize-scss' dependencies. - path.dirname(require.resolve('support-for')) + path.join(__dirname, '../fork-versions/default') ] }); return sassyTest.renderFixture('default'); @@ -22,9 +20,7 @@ describe('Fork versions', function() { fixtures: path.join(__dirname, 'fixtures'), includePaths: [ // Path to Fork version. - path.join(__dirname, '../fork-versions/ruby-sass-compass'), - // Path to normalize-scss' dependencies. - path.dirname(require.resolve('support-for')) + path.join(__dirname, '../fork-versions/ruby-sass-compass') ] }); return sassyTest.renderFixture('fork-versions/ruby-sass-compass'); @@ -39,7 +35,6 @@ describe('Fork versions', function() { // Path to Fork version. path.join(__dirname, '../fork-versions/typey'), // Path to normalize-scss' dependencies. - path.dirname(require.resolve('support-for')), path.dirname(require.resolve('typey')) ] }); @@ -56,7 +51,6 @@ describe('Fork versions', function() { path.join(__dirname, '../fork-versions/typey-chroma-kss'), // Path to normalize-scss' dependencies. path.dirname(require.resolve('chroma-sass')), - path.dirname(require.resolve('support-for')), path.dirname(require.resolve('typey')) ] }); diff --git a/test/test_variables.js b/test/test_variables.js index 00210f4..7102e21 100644 --- a/test/test_variables.js +++ b/test/test_variables.js @@ -28,38 +28,4 @@ describe('Configuration variables', function() { return sassyTest.renderFixture('variables/indent-amount'); }); }); - - describe('$support-for', function() { - it('should support Firefox 29', function() { - return sassyTest.renderFixture('variables/support-for/firefox29'); - }); - - it('should support IE 6', function() { - return sassyTest.renderFixture('variables/support-for/ie6'); - }); - - it('should support IE 7', function() { - return sassyTest.renderFixture('variables/support-for/ie7'); - }); - - it('should support IE 8', function() { - return sassyTest.renderFixture('variables/support-for/ie8'); - }); - - it('should support IE 9', function() { - return sassyTest.renderFixture('variables/support-for/ie9'); - }); - - it('should support IE 10', function() { - return sassyTest.renderFixture('variables/support-for/ie10'); - }); - - it('should support IE 11', function() { - return sassyTest.renderFixture('variables/support-for/ie11'); - }); - - it('should support "last X versions" with -X value', function() { - return sassyTest.renderFixture('variables/support-for/negative-value'); - }); - }); }); |