Fix order of flex-* properties

Fixes #385
stormwarning · Sep 22, 2024 · d3d7f7b · d3d7f7b
1 parent 94af7a6
commit d3d7f7b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/.changeset/selfish-scissors-tan.md b/.changeset/selfish-scissors-tan.md
@@ -0,0 +1,6 @@
+---
+'stylelint-config-recess-order': patch
+---
+
+Fix order of `flex-*` properties
+The `flex` shorthand is followed by `-grow`, `-shrink`, and `-basis`, following the order of the shorthand property. The `flex-flow` shorthand now correctly preceeds the `-direction` and `-wrap` properties.
diff --git a/groups.js b/groups.js
@@ -42,11 +42,11 @@ const propertyGroups = [
 		// Flexible boxes.
 		properties: [
 			'flex',
-			'flex-basis',
-			'flex-direction',
-			'flex-flow',
 			'flex-grow',
 			'flex-shrink',
+			'flex-basis',
+			'flex-flow',
+			'flex-direction',
 			'flex-wrap',
 			'-webkit-box-orient',
 		],