You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.4 KiB
72 lines
1.4 KiB
# [postcss][postcss]-ordered-values |
|
|
|
> Ensure values are ordered consistently in your CSS. |
|
|
|
|
|
## Install |
|
|
|
With [npm](https://npmjs.org/package/postcss-ordered-values) 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 |
|
|
|
```css |
|
h1 { |
|
border: solid 1px red; |
|
border: red solid .5em; |
|
border: rgba(0, 30, 105, 0.8) solid 1px; |
|
border: 1px solid red; |
|
} |
|
``` |
|
|
|
### Output |
|
|
|
```css |
|
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](src/__tests__/index.js). |
|
|
|
* `animation`, `-webkit-animation` |
|
* `border(border-left|right|top|bottom)` |
|
* `box-shadow` |
|
* `outline` |
|
* `flex-flow` |
|
* `transition`, `-webkit-transition` |
|
|
|
|
|
## Usage |
|
|
|
See the [PostCSS documentation](https://github.com/postcss/postcss#usage) for |
|
examples for your environment. |
|
|
|
|
|
## Contributors |
|
|
|
See [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md). |
|
|
|
|
|
## License |
|
|
|
MIT © [Ben Briggs](http://beneb.info) |
|
|
|
[postcss]: https://github.com/postcss/postcss
|
|
|