css-properties-sort

![NPM version](https://www.npmjs.org/package/css-properties-sorting)
![NPM Downloads](https://www.npmjs.org/package/css-properties-sorting)
![Build Status](https://travis-ci.org/cahamilton/css-properties-sorting)

Installation

First, You should have studied stylelint

``

javascript

npm install css-properties-sorting





Example



in .stylelintrc:

javascript

{

	"plugins": [

		"stylelint-order"

	],

	"extends": "css-properties-sorting"

}

``
![](./test/imgs/test.png)

you can use it with webpack or others

Sorting rules

1. display & flow

2. dosition

3. dimension

4. margin/padding/border/outline

5. type graphic style

6. background

7. opacity/cursor/generated/content

8. transition

Detailed rules（详细规则）

css-properties-sort

Installation

First, You should have studied stylelint

``

javascript

npm install css-properties-sorting





Example



in .stylelintrc:

javascript

{

	"plugins": [

		"stylelint-order"

	],

	"extends": "css-properties-sorting"

}

``
![](./test/imgs/test.png)

you can use it with webpack or others