Björn
b963b3396c
|
5 years ago | |
---|---|---|
.. | ||
dist | 5 years ago | |
node_modules/postcss-value-parser | 5 years ago | |
CHANGELOG.md | 5 years ago | |
LICENSE-MIT | 5 years ago | |
README.md | 5 years ago | |
package.json | 5 years ago |
README.md
postcss-convert-values
Convert values with PostCSS (e.g. ms -> s)
Install
With npm do:
npm install postcss-convert-values --save
Example
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.
Input
h1 {
font-size: 16px;
width: 0em
}
Output
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][colormin].
API
convertValues([options])
options
length
Type: boolean
Default: true
Pass false
to disable conversion from px
to other absolute length units,
such as pc
& pt
& vice versa.
time
Type: boolean
Default: true
Pass false
to disable conversion from ms
to s
& vice versa.
angle
Type: boolean
Default: true
Pass false
to disable conversion from deg
to turn
& vice versa.
precision
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
.
Usage
See the PostCSS documentation for examples for your environment.
Contributors
See CONTRIBUTORS.md.
License
MIT © Ben Briggs