Add support for "declaration-block-properties-order" rule

Related to #3

Author: nkt

index.js

@@ -3,6 +3,7 @@ var scss = require('postcss-scss')
 
 var params = require('./lib/params')
 var formatAtRules = require('./lib/formatAtRules')
+var formatOrder = require('./lib/formatOrder')
 var formatRules = require('./lib/formatRules')
 var formatComments = require('./lib/formatComments')
 var formatSassVariables = require('./lib/formatSassVariables')
@@ -15,6 +16,7 @@ var stylefmt = postcss.plugin('stylefmt', function (options) {
     return params(options).then(function (params) {
       formatComments(root, params)
       formatAtRules(root, params)
+      formatOrder(root, params)
       formatRules(root, params)
       formatSassVariables(root, params)
       return root

lib/formatOrder.js

@@ -0,0 +1,16 @@
+var sorting = require('postcss-sorting');
+
+function formatOrder(root, params) {
+  var sortOrder = params.stylelint['declaration-block-properties-order'];
+  if (!Array.isArray(sortOrder)) {
+    return;
+  }
+
+  var sort = sorting({
+    'sort-order': sortOrder
+  });
+
+  sort(root);
+}
+
+module.exports = formatOrder;

package.json

@@ -33,6 +33,7 @@
     "object-assign": "^4.1.0",
     "postcss": "^5.0.21",
     "postcss-scss": "^0.1.8",
+    "postcss-sorting": "^1.6.1",
     "recursive-readdir": "^2.0.0",
     "repeat-string": "^1.5.4",
     "resolve-from": "^2.0.0",

test/stylelint/declaration-block-properties-order/.stylelintrc

@@ -0,0 +1,12 @@
+{
+  "rules": {
+    "declaration-block-properties-order": [
+      "@atrule",
+      "display",
+      "width",
+      "height",
+      "color",
+      "background"
+    ]
+  }
+}

test/stylelint/declaration-block-properties-order/declaration-block-properties-order.css

@@ -0,0 +1,8 @@
+a {
+  height: 20px;
+  color: #000;
+  @include "foo";
+  width: 10px;
+  display: block;
+  background: #fff;
+}

test/stylelint/declaration-block-properties-order/declaration-block-properties-order.out.css

@@ -0,0 +1,8 @@
+a {
+  @include "foo";
+  display: block;
+  width: 10px;
+  height: 20px;
+  color: #000;
+  background: #fff;
+}