PostCSS Normalize
PostCSS Normalize lets you use the parts of normalize.css or sanitize.css that you need from your browserslist.
PostCSS Normalize uses a non-opinionated version of normalize.css, but an opinionated version may also be used.
Examples
Here is a sample of what normalize.css looks like when the browserslist is ie >= 9
:
And here is the same sample when the browserslist is ie >= 10
:
Usage
Add PostCSS Normalize to your project:
Add a browserslist entry in package.json
:
Use PostCSS Normalize to process your CSS:
Or use it as a PostCSS plugin:
PostCSS Normalize runs in all Node environments, with special instructions for:
PostCSS Import Usage
PostCSS Normalize includes a postcssImport
function to configure PostCSS Import and allow you to continue using the @import
syntax.
Alternatively, use @import-normalize
or @import-sanitize
to avoid conflicts with @import
transforms.
Options
allowDuplicates
The allowDuplicates
option determines whether multiple, duplicate insertions of CSS libraries are allowed. By default, duplicate libraries are omitted.
forceImport
The forceImport
option defines CSS libraries that will be inserted at the beginning of the CSS file. Unless overriden by allowDuplicates
, duplicate CSS libraries would still be omitted.
Specific CSS libraries may be defined.
browsers
The browsers
option defines an override of the project’s browserslist for PostCSS Normalize. This option should be avoided in leui of a browserslist file.
CSS Libraries
PostCSS Normalize can include normalize.css or sanitize.css and configure either with the following combinations:
Last updated