|
|
- # [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
|