_normalize.scss in normalize-scss-3.0.0.alpha.2 vs _normalize.scss in normalize-scss-3.0.0

- old
+ new

@@ -1,6 +1,6 @@ -/* normalize-scss 3.0.0-alpha.2+normalize.3.0.0 | MIT/GPLv2 License | bit.ly/normalize-scss */ +/* normalize-scss 3.0.0+normalize.3.0.1 | MIT/GPLv2 License | bit.ly/normalize-scss */ // Variables and Imports // // If you have a base partial (or equivalent), you should move these lines to @@ -55,32 +55,10 @@ @import "compass/support"; @import "compass/css3/box-sizing"; @import "compass/typography/vertical_rhythm"; -// To work around a bug in compass-core 1.0.0-alpha.17, we override Compass' -// support-legacy-browser() function with a version of our own. -// @TODO Remove this monkey patch after it's fixed in Compass. -// @see https://github.com/chriseppstein/compass/pull/1524 -// @see also https://github.com/chriseppstein/compass/pull/1520 -@function support-legacy-browser($browser, $min-version, $max-version: null, $threshold: $critical-usage-threshold) { - @if not index($supported-browsers, $browser) { - @return false; - } - // Check against declared minimums. - $min-required-version: map-get($browser-minimum-versions, $browser); - @if $min-required-version { - @return compare-browser-versions($browser, $max-version or $min-version, $min-required-version) >= 0; - } @else { - // Check against usage stats. - $usage: if($max-version, - omitted-usage($browser, $min-version, $max-version), - omitted-usage($browser, $min-version)); - @return $usage > $threshold; - } -} - /* Base ========================================================================== */ @if not $strict-normalize or support-legacy-browser(ie, "7") { /** @@ -116,12 +94,13 @@ /* HTML5 display definitions ========================================================================== */ /** - * Correct `block` display not defined in IE 8/9. Correct `block` display - * not defined on `summary` and `details` in IE and Firefox and on `main` in IE. + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. + * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, @@ -175,11 +154,11 @@ display: none; } } /** - * Hide the `template` element in IE, Safari, and Firefox < 22. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ template { display: none; } @@ -208,19 +187,19 @@ /* Text-level semantics ========================================================================== */ /** - * Address styling not present in IE, Safari 5, and Chrome. + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** - * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; @@ -235,35 +214,20 @@ margin: rhythm(1) $indent-amount; } } /** - * Address odd `em`-unit font size rendering in all browsers. + * Address styling not present in Safari and Chrome. */ -code, -kbd, -pre, -samp { - font-family: monospace, serif; - @if support-legacy-browser(ie, "6") { - _font-family: 'courier new', monospace; - } - font-size: 1em; -} - -/** - * Address styling not present in Safari 5 and Chrome. - */ - dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari 5, and Chrome. + * contexts in Firefox 4+, Safari, and Chrome. */ h1 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ @if not $strict-normalize or support-legacy-browser(ie, "7") { @@ -331,18 +295,10 @@ margin: rhythm(1) 0; } } /** - * Contain overflow in all browsers. - */ - -pre { - overflow: auto; -} - -/** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; @@ -436,11 +392,11 @@ } } } /** - * Correct overflow displayed in IE. + * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } @@ -448,11 +404,11 @@ /* Grouping content ========================================================================== */ @if support-legacy-browser(ie, "9") or support-legacy-browser(safari, "5") { /** - * Address margin not present in IE 8/9 and Safari 5. + * Address margin not present in IE 8/9 and Safari. */ figure { margin: rhythm(1) $indent-amount; } @@ -465,10 +421,33 @@ hr { @include box-sizing(content-box); height: 0; } +/** + * Contain overflow in all browsers. + */ + +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + @if support-legacy-browser(ie, "6") { + _font-family: 'courier new', monospace; + } + font-size: 1em; +} + /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited @@ -487,11 +466,11 @@ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. * 4. Address `font-family` inconsistency between `textarea` and other form in IE 7 * 5. Improve appearance and consistency with IE 6/7. */ button, @@ -507,21 +486,21 @@ *vertical-align: middle; /* 5 */ } } /** - * Address `overflow` set to `hidden` in IE. + * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE, and Opera. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { @@ -609,12 +588,12 @@ input[type="number"]::-webkit-outer-spin-button { height: auto; } /** - * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ @@ -645,26 +624,26 @@ @include apply-side-rhythm-border(left, $width: 1px, $lines: 0.625); @include apply-side-rhythm-border(right, $width: 1px, $lines: 0.625); } /** - * 1. Correct `color` not being inherited in IE. + * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { - @if support-legacy-browser(ie, "9") { + @if support-legacy-browser(ie, "11") { border: 0; /* 1 */ } padding: 0; /* 2 */ @if support-legacy-browser(ie, "7") { *margin-left: -7px; /* 3 */ } } /** - * Remove default vertical scrollbar in IE. + * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; }