Jack Franklin
a5fd0a412d
The CSS minifier we currently use (clean-css) is not maintained and lacks support for new CSS features. CSSNano is a replacement that supports features we need (primarily container queries). This CL only adds the relevant dependencies, and does not use it. I will do that (and remove clean-css) in a follow-up. Bug: 1399763 Change-Id: I899ecc4482164404dd5ac2fd13f92fb797978e29 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4092305 Commit-Queue: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Alex Rudenko <alexrudenko@chromium.org> Commit-Queue: Alex Rudenko <alexrudenko@chromium.org> Auto-Submit: Jack Franklin <jacktfranklin@chromium.org>
postcss-reduce-initial
Reduce
initialdefinitions to the actual initial value, where possible.
Install
With npm do:
npm install postcss-reduce-initial --save
Examples
See the data for more conversions. This data is courtesy of Mozilla.
Convert initial values
When the initial keyword is longer than the property value, it will
be converted:
Input
h1 {
min-width: initial;
}
Output
h1 {
min-width: 0;
}
Convert values back to initial
When the initial value is smaller than the property value, it will
be converted:
Input
h1 {
transform-box: border-box;
}
Output
h1 {
transform-box: initial;
}
This conversion is only applied when you supply a browsers list that all support
the initial keyword; it's worth noting that Internet Explorer has no support.
API
reduceInitial([options])
options
ignore
Type: Array<String>
Default: undefined
It contains the Array of properties that will be ignored while reducing its value to initial.
Example : { ignore : ["min-height"] }
Usage
See the PostCSS documentation for examples for your environment.
Contributors
See CONTRIBUTORS.md.
License
This program uses a list of CSS properties derived from data maintained my the MDN team at Mozilla and licensed under the CC0 1.0 Universal Public Domain Dedication.
MIT © Ben Briggs