🔧 Tweak the order of properties

jamieconnolly · Jul 30, 2017 · 20bab6c · 20bab6c
1 parent d64c73c
commit 20bab6c
Showing 1 changed file with 37 additions and 29 deletions.
diff --git a/rules/order.js b/rules/order.js
@@ -16,13 +16,17 @@ module.exports = {
       'less-mixins',
     ],
 
+    // specify the alphabetical order of properties within declaration blocks.
+    'order/properties-alphabetical-order': null,
+
     // specify the almost strict order of properties within declaration blocks
     'order/properties-order': [
       [
         // Content
         {
           properties: [
             'content',
+            'quotes',
           ],
         },
         // Position
@@ -44,6 +48,39 @@ module.exports = {
             'visibility',
           ],
         },
+        // Transform
+        {
+          properties: [
+            'backface-visibility',
+
+            'perspective',
+            'perspective-origin',
+
+            'transform',
+            'transform-origin',
+            'transform-style',
+
+            'transition',
+            'transition-delay',
+            'transition-duration',
+            'transition-property',
+            'transition-timing-function',
+          ],
+        },
+        // Animation
+        {
+          properties: [
+            'animation',
+            'animation-delay',
+            'animation-direction',
+            'animation-duration',
+            'animation-fill-mode',
+            'animation-iteration-count',
+            'animation-name',
+            'animation-play-state',
+            'animation-timing-function',
+          ],
+        },
         // Layout
         {
           properties: [
@@ -256,35 +293,6 @@ module.exports = {
             'word-wrap',
           ],
         },
-        // Transform
-        {
-          properties: [
-            'transition',
-            'transition-delay',
-            'transition-duration',
-            'transition-property',
-            'transition-timing-function',
-
-            'transform',
-            'transform-origin',
-            'transform-style',
-
-            'perspective',
-            'perspective-origin',
-
-            'backface-visibility',
-
-            'animation',
-            'animation-delay',
-            'animation-direction',
-            'animation-duration',
-            'animation-fill-mode',
-            'animation-iteration-count',
-            'animation-name',
-            'animation-play-state',
-            'animation-timing-function',
-          ],
-        },
       ], {
         unspecified: 'bottomAlphabetical',
       },