Update smacss.yml to match scss-lint's ordering

See updated reference at https://github.com/brigade/scss-lint/blob/master/data/property-sort-orders/smacss.txt
sasstools · Nov 8, 2018 · 427046a · 427046a
1 parent be43c0b
commit 427046a
Showing 1 changed file with 114 additions and 21 deletions.
diff --git a/lib/config/property-sort-orders/smacss.yml b/lib/config/property-sort-orders/smacss.yml
@@ -5,15 +5,50 @@
 
 order:
 
+  # Heading
+
+  - 'content'
+  - 'quotes'
+
   # Box
 
   - 'display'
+  - 'visibility'
+
   - 'position'
+  - 'z-index'
   - 'top'
   - 'right'
   - 'bottom'
   - 'left'
 
+  - 'box-sizing'
+
+  - 'grid'
+  - 'grid-after'
+  - 'grid-area'
+  - 'grid-auto-columns'
+  - 'grid-auto-flow'
+  - 'grid-auto-rows'
+  - 'grid-before'
+  - 'grid-column'
+  - 'grid-column-end'
+  - 'grid-column-gap'
+  - 'grid-column-start'
+  - 'grid-columns'
+  - 'grid-end'
+  - 'grid-gap'
+  - 'grid-row'
+  - 'grid-row-end'
+  - 'grid-row-gap'
+  - 'grid-row-start'
+  - 'grid-rows'
+  - 'grid-start'
+  - 'grid-template'
+  - 'grid-template-areas'
+  - 'grid-template-columns'
+  - 'grid-template-rows'
+
   - 'flex'
   - 'flex-basis'
   - 'flex-direction'
@@ -30,7 +65,6 @@ order:
   - 'width'
   - 'min-width'
   - 'max-width'
-
   - 'height'
   - 'min-height'
   - 'max-height'
@@ -50,6 +84,13 @@ order:
   - 'float'
   - 'clear'
 
+  - 'overflow'
+  - 'overflow-x'
+  - 'overflow-y'
+
+  - 'clip'
+  - 'zoom'
+
   - 'columns'
   - 'column-gap'
   - 'column-fill'
@@ -58,16 +99,39 @@ order:
   - 'column-count'
   - 'column-width'
 
+  - 'table-layout'
+  - 'empty-cells'
+  - 'caption-side'
+  - 'border-spacing'
+  - 'border-collapse'
+  - 'list-style'
+  - 'list-style-position'
+  - 'list-style-type'
+  - 'list-style-image'
+
+  # Animation
+
   - 'transform'
-  - 'transform-box'
   - 'transform-origin'
   - 'transform-style'
-
+  - 'backface-visibility'
+  - 'perspective'
+  - 'perspective-origin'
+
   - 'transition'
-  - 'transition-delay'
-  - 'transition-duration'
   - 'transition-property'
+  - 'transition-duration'
   - 'transition-timing-function'
+  - 'transition-delay'
+
+  - 'animation'
+  - 'animation-name'
+  - 'animation-duration'
+  - 'animation-play-state'
+  - 'animation-timing-function'
+  - 'animation-delay'
+  - 'animation-iteration-count'
+  - 'animation-direction'
 
   # Border
 
@@ -106,16 +170,24 @@ order:
   - 'outline-style'
   - 'outline-width'
 
+  - 'stroke-width'
+  - 'stroke-linecap'
+  - 'stroke-dasharray'
+  - 'stroke-dashoffset'
+  - 'stroke'
+
   # Background
 
+  - 'opacity'
+
   - 'background'
-  - 'background-attachment'
-  - 'background-clip'
   - 'background-color'
   - 'background-image'
   - 'background-repeat'
   - 'background-position'
   - 'background-size'
+  - 'box-shadow'
+  - 'fill'
 
   # Text
 
@@ -124,41 +196,62 @@ order:
   - 'font'
   - 'font-family'
   - 'font-size'
-  - 'font-smoothing'
+  - 'font-size-adjust'
+  - 'font-stretch'
+  - 'font-effect'
   - 'font-style'
   - 'font-variant'
   - 'font-weight'
 
+  - 'font-emphasize'
+  - 'font-emphasize-position'
+  - 'font-emphasize-style'
+
   - 'letter-spacing'
   - 'line-height'
   - 'list-style'
+  - 'word-spacing'
 
   - 'text-align'
+  - 'text-align-last'
   - 'text-decoration'
   - 'text-indent'
+  - 'text-justify'
   - 'text-overflow'
+  - 'text-overflow-ellipsis'
+  - 'text-overflow-mode'
   - 'text-rendering'
+  - 'text-outline'
   - 'text-shadow'
   - 'text-transform'
   - 'text-wrap'
+  - 'word-wrap'
+  - 'word-break'
+
+  - 'text-emphasis'
+  - 'text-emphasis-color'
+  - 'text-emphasis-style'
+  - 'text-emphasis-position'
 
+  - 'vertical-align'
   - 'white-space'
   - 'word-spacing'
+  - 'hyphens'
+
+  - 'src'
 
   # Other
 
-  - 'border-collapse'
-  - 'border-spacing'
-  - 'box-shadow'
-  - 'caption-side'
-  - 'content'
+  - 'tab-size'
+  - 'counter-reset'
+  - 'counter-increment'
+  - 'resize'
   - 'cursor'
-  - 'empty-cells'
-  - 'opacity'
-  - 'overflow'
-  - 'quotes'
+  - 'pointer-events'
   - 'speak'
-  - 'table-layout'
-  - 'vertical-align'
-  - 'visibility'
-  - 'z-index'
+  - 'user-select'
+  - 'nav-index'
+  - 'nav-up'
+  - 'nav-right'
+  - 'nav-down'
+  - 'nav-left'