stylelint-plugin-defensive-css 0.7.0 → 0.8.1

package/README.md

@@ -244,6 +244,14 @@ div {
   flex-direction: row-reverse;
   flex-wrap: wrap-reverse;
 }
+div {
+  display: flex;
+  flex-flow: row wrap;
+}
+div {
+  display: flex;
+  flex-flow: row-reverse nowrap;
+}
 ```
 
 #### ❌ Failing Examples
@@ -256,6 +264,10 @@ div {
   display: flex;
   flex-direction: row;
 }
+div {
+  display: flex;
+  flex-flow: row;
+}
 ```
 
 ### Scroll Chaining

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stylelint-plugin-defensive-css",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "description": "A Stylelint plugin to enforce defensive CSS best practices.",
   "main": "src/index.js",
   "files": [

package/src/rules/use-defensive-css/index.js

@@ -154,11 +154,19 @@ const ruleFunction = (_, options) => {
           flexWrappingProps.nodeToReport = decl;
         }
 
+        if (decl.prop === 'flex-flow' && decl.value.includes('column')) {
+          flexWrappingProps.isFlexRow = false;
+          flexWrappingProps.isMissingFlexWrap = false;
+        }
+
         if (decl.prop === 'flex-direction' && decl.value.includes('column')) {
           flexWrappingProps.isFlexRow = false;
         }
 
-        if (decl.prop === 'flex-wrap') {
+        if (
+          decl.prop === 'flex-wrap' ||
+          (decl.prop === 'flex-flow' && decl.value.includes('wrap'))
+        ) {
           flexWrappingProps.isMissingFlexWrap = false;
         }