Ensure values are ordered consistently in your CSS.
Latest commit 61087c7 Jan 10, 2017 @ben-eb 2.2.3
Failed to load latest commit information.
src Resolves an integration issue with css-loader. Jan 10, 2017
.all-contributorsrc Add all-contributors. Jun 23, 2016
.gitignore Tidy up. Feb 7, 2016
CHANGELOG.md Update changelog. Jan 10, 2017
LICENSE-MIT Initial commit. Aug 19, 2015
README.md Add all-contributors. Jun 23, 2016
package.json 2.2.3 Jan 10, 2017


postcss-ordered-values Build Status NPM version Dependency Status

Ensure values are ordered consistently in your CSS.


With npm do:

npm install postcss-ordered-values --save


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.


h1 {
    border: solid 1px red;
    border: red solid .5em;
    border: rgba(0, 30, 105, 0.8) solid 1px;
    border: 1px solid red;


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)
  • box-shadow
  • outline
  • flex-flow
  • transition, -webkit-transition


See the PostCSS documentation for examples for your environment.


Thanks goes to these wonderful people (emoji key):

Ben Briggs

💻 📖 👀 ⚠️


💻 ⚠️

Bogdan Chadkin

💻 ⚠️

Ambroos Vaes


This project follows the all-contributors specification. Contributions of any kind welcome!


MIT © Ben Briggs