https://github.com/yisibl/postcss-ordered-values

Ensure values are ordered consistently in your CSS.
https://github.com/yisibl/postcss-ordered-values

Last synced: 14 days ago
JSON representation

Ensure values are ordered consistently in your CSS.

• Host: GitHub
• URL: https://github.com/yisibl/postcss-ordered-values
• Owner: yisibl
• License: mit
• Created: 2015-08-21T06:33:46.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-08-21T07:10:35.000Z (about 9 years ago)
• Last Synced: 2024-10-09T08:09:06.501Z (about 1 month ago)
• Language: JavaScript
• Size: 86.9 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE-MIT

Awesome Lists containing this project

README

        
# [postcss][postcss]-ordered-values [![Build Status](https://travis-ci.org/ben-eb/postcss-ordered-values.svg?branch=master)][ci] [![NPM version](https://badge.fury.io/js/postcss-ordered-values.svg)][npm] [![Dependency Status](https://gemnasium.com/ben-eb/postcss-ordered-values.svg)][deps]

> 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).

* border(border-left|right|top|bottom)

* outline

* flex-flow

## Usage

See the [PostCSS documentation](https://github.com/postcss/postcss#usage) for

examples for your environment.

## Contributing

Pull requests are welcome. If you add functionality, then please add unit tests

to cover it.

## License

MIT © [Ben Briggs](http://beneb.info)

[ci]:      https://travis-ci.org/ben-eb/postcss-ordered-values

[deps]:    https://gemnasium.com/ben-eb/postcss-ordered-values

[npm]:     http://badge.fury.io/js/postcss-ordered-values

[postcss]: https://github.com/postcss/postcss