Support custom properties as $variable #27

Author: hudochenkov

index.js

@@ -100,7 +100,7 @@ function getAtruleSortName(node, order) {
 function getSortName(node, order) {
 	switch (node.type) {
 	case 'decl':
-		return (/^\$[\w-]+/).test(node.prop) ? '$variable' : node.prop;
+		return (/^(\$|--)[\w-]+/).test(node.prop) ? '$variable' : node.prop;
 
 	case 'atrule':
 		return getAtruleSortName(node, order);

test/fixtures/variable.css

@@ -1 +1,9 @@
 div { color: $tomato; $red: tomato; }
+
+.block {
+    background: #3d3d3d;
+    --width: 100px;
+    background-position: 50% 0;
+    background-size: 2000px 100%;
+    --offset: 539px;
+}

test/fixtures/variable.expected.css

@@ -1 +1,9 @@
 div { $red: tomato; color: $tomato; }
+
+.block {
+    --width: 100px;
+    --offset: 539px;
+    background: #3d3d3d;
+    background-position: 50% 0;
+    background-size: 2000px 100%;
+}

test/test.js

@@ -137,7 +137,7 @@ test('Should sort properties divided by nested rules', t => {
 
 test('Should sort variables', t => {
 	return run(t, 'variable', { 'sort-order': [
-		['$variable', 'color']
+		['$variable', '...']
 	] });
 });