Convert values with PostCSS (e.g. ms -> s)
With npm do:
npm install postcss-convert-values --save
This plugin reduces CSS size by converting values to use different units
where possible; for example, 500ms
can be represented as .5s
. You can
read more about these units in this article.
h1 {
font-size: 16px;
width: 0em
}
h1 {
font-size: 1pc;
width: 0
}
Note that this plugin only covers conversions for duration and absolute length values. For color conversions, use postcss-colormin.
Type: boolean
Default: true
Pass false
to disable conversion from px
to other absolute length units,
such as pc
& pt
& vice versa.
Type: boolean
Default: true
Pass false
to disable conversion from ms
to s
& vice versa.
Type: boolean
Default: true
Pass false
to disable conversion from deg
to turn
& vice versa.
Type: boolean|number
Default: false
Specify any numeric value here to round px
values to that many decimal places;
for example, using {precision: 2}
will round 6.66667px
to 6.67px
, and
{precision: 0}
will round it to 7px
. Passing false
(the default) will
leave these values as is.
It is recommended for most use cases to set this option to 2
.
Thanks goes to these wonderful people (emoji key):
| Ben Briggs💻 📖 👀 ⚠️ | Bogdan Chadkin💻 📖 👀 ⚠️ | Roman Komarov🐛 | Dmitry Kiselyov🐛 | Charlike Mike Reagent💻 ⚠️ | Vyacheslav Shebanov📖 | Marek ‘saji’ Augustynowicz💻 ⚠️ | | :---: | :---: | :---: | :---: | :---: | :---: | :---: | | Jonny Gerig Meyer💻 ⚠️ | GU Yiling💻 ⚠️ |
This project follows the all-contributors specification. Contributions of any kind welcome!
MIT © Ben Briggs
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.