postcss-ordered-values

    5.0.4 • Public • Published

    postcss-ordered-values

    Ensure values are ordered consistently in your CSS.

    Install

    With npm 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

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

    Output

    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.

    • animation, -webkit-animation
    • border(border-left|right|top|bottom)
    • box-shadow
    • outline
    • flex-flow
    • transition, -webkit-transition

    Usage

    See the PostCSS documentation for examples for your environment.

    Contributors

    See CONTRIBUTORS.md.

    License

    MIT © Ben Briggs

    Install

    npm i postcss-ordered-values

    DownloadsWeekly Downloads

    10,439,915

    Version

    5.0.4

    License

    MIT

    Unpacked Size

    27.6 kB

    Total Files

    18

    Last publish

    Collaborators

    • beneb
    • ludovicofischer
    • ai
    • chriseppstein
    • andyjansson
    • evilebottnawi
    • cssnano-bot