From d3d7f7bee1720fc0f6e4e4eb486bcd44746ca885 Mon Sep 17 00:00:00 2001
From: Jeff <rustyangel@gmail.com>
Date: Sat, 21 Sep 2024 20:19:12 -0600
Subject: [PATCH] Fix order of `flex-*` properties

Fixes #385
---
 .changeset/selfish-scissors-tan.md | 6 ++++++
 groups.js                          | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/selfish-scissors-tan.md

diff --git a/.changeset/selfish-scissors-tan.md b/.changeset/selfish-scissors-tan.md
new file mode 100644
index 0000000..6f3fe93
--- /dev/null
+++ 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
index ca8771e..4a26049 100644
--- 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',
 		],