CSS值排序工具:postcss-ordered-values
jopen
9年前
postcss-ordered-values 将是一个具有历史意义的插件,从此 CSS 不仅有了属性排序工具还有了值排序工具。这给 CSS 压缩工具带来更好的 GZip 压缩率.
Install
With npm do:
npm install postcss-ordered-values --save
Example
Some CSS properties accept their values in an arbitrary order; for this reason, it is entirely possible that different developers will write their values in different orders. This module normalizes the order, making it easier for other modules to understand which declarations are duplicates.
Input
h1 { border: solid 1px red; border: red solid .5em; border: rgba(0, 30, 105, 0.8) solid 1px; border: 1px solid red; }
Output
h1 { border: 1px solid red; border: .5em solid red; border: 1px solid rgba(0, 30, 105, 0.8); border: 1px solid red; }
Support List
For more examples, see the tests.
- border(border-left|right|top|bottom)
- outline
- flex-flow