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

4 years ago
  1. # [postcss][postcss]-ordered-values
  2. > Ensure values are ordered consistently in your CSS.
  3. ## Install
  4. With [npm](https://npmjs.org/package/postcss-ordered-values) do:
  5. ```
  6. npm install postcss-ordered-values --save
  7. ```
  8. ## Example
  9. Some CSS properties accept their values in an arbitrary order; for this reason,
  10. it is entirely possible that different developers will write their values in
  11. different orders. This module normalizes the order, making it easier for other
  12. modules to understand which declarations are duplicates.
  13. ### Input
  14. ```css
  15. h1 {
  16. border: solid 1px red;
  17. border: red solid .5em;
  18. border: rgba(0, 30, 105, 0.8) solid 1px;
  19. border: 1px solid red;
  20. }
  21. ```
  22. ### Output
  23. ```css
  24. h1 {
  25. border: 1px solid red;
  26. border: .5em solid red;
  27. border: 1px solid rgba(0, 30, 105, 0.8);
  28. border: 1px solid red;
  29. }
  30. ```
  31. ## Support List
  32. For more examples, see the [tests](src/__tests__/index.js).
  33. * `animation`, `-webkit-animation`
  34. * `border(border-left|right|top|bottom)`
  35. * `box-shadow`
  36. * `outline`
  37. * `flex-flow`
  38. * `transition`, `-webkit-transition`
  39. ## Usage
  40. See the [PostCSS documentation](https://github.com/postcss/postcss#usage) for
  41. examples for your environment.
  42. ## Contributors
  43. See [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md).
  44. ## License
  45. MIT © [Ben Briggs](http://beneb.info)
  46. [postcss]: https://github.com/postcss/postcss