Home

Installation and usage instructions can be found in the project README: https://github.com/JohnAlbin/normalize-scss

Compass' Browser Support module

Normalize-scss uses @import "compass/support"; to include the Compass browser support module.

Based on caniuse.com's browser usage stats, Compass will support any browser that is used by at least 1 user in 10,000. The exact browser support level can be changed with its configuration variables. "Unsupported" browsers will still see the generated CSS, of course, but will not get special treatment for its bugs or CSS3 vendor prefixes.

The official documentation for Compass' Support module is at http://compass-style.org/reference/compass/support/

But the following variables are the most interesting and (currently) not well documented on Compass' website.

// The browser usage threshold for features that cannot degrade gracefully.
// A value of 100 means 100% of users would have to use the browser before it is
// supported. A value of 0.01 (the default) means 1 user in 10,000.
$critical-usage-threshold: 0.01 !default;

// Set this to true to generate comments that will explain why a prefix was
// included or omitted.
$debug-browser-support: false;

// Optional map of minimum browser versions to support. If a specific browser
// has usage stats below the $critical-usage-threshold, you can still require
// support for it using this variable. For example, to require support for IE 6
// and later, set $browser-minimum-versions['ie'] to '6'.
$browser-minimum-versions: (
  'chrome':  null,
  'firefox': null,
  'ie':      null,
  'safari':  null,
  'opera':   null
) !default;