PostCSS plugin that adds a default unit to numeric css properties
npm install postcss-default-unit
[PostCSS] plugin that adds a default unit to numeric css properties.
``css`
.foo {
width: 200;
margin: 0 auto 20;
z-index: 1;
}
`css`
.foo {
width: 200px;
margin: 0 auto 20px;
z-index: 1;
}
With [npm] do:
``
npm install postcss-default-unit --save
By default px is used.`js`
postcss([ require('postcss-default-unit') ])`
You can specify the desired unit.js`
postcss([ require('postcss-default-unit')({unit: '%'}) ])
This plugin must be set after the plugins that can modify the values (e.g. [postcss-simple-vars]).
See [PostCSS] docs for examples for your environment.
Now postcss-default-unit ignores expressions in parentheses. It won't mess up your rgba or calc, but it won't also add a unit to your gradient`.
[ci]: https://travis-ci.org/antyakushev/postcss-default-unit
[deps]: https://gemnasium.com/antyakushev/postcss-default-unit
[npm]: http://badge.fury.io/js/postcss-default-unit
[PostCSS]: https://github.com/postcss/postcss
[postcss-simple-vars]: https://github.com/postcss/postcss-simple-vars