| # [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](test). | |
| * `animation`, `-webkit-animation` | |
| * `border(border-left|right|top|bottom)` | |
| * `box-shadow` | |
| * `columns` | |
| * `flex-flow` | |
| * `grid` | |
| * `list-style` | |
| * `outline` | |
| * `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/main/CONTRIBUTORS.md). | |
| ## License | |
| MIT © [Ben Briggs](https://beneb.info) | |
| [postcss]: https://github.com/postcss/postcss |