Use stylelint-plugin-defensive-css (#115)

* Install Stylelint plugin `use-defensive-css` * Configure Stylelint plugin `use-defensive-css`
germanfrelo · Aug 26, 2024 · d5c82ad · d5c82ad
1 parent e385ba9
commit d5c82ad
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -62,6 +62,7 @@
 		"prettier": "3.3.3",
 		"stylelint": "16.8.2",
 		"stylelint-config-recess-order": "5.1.0",
-		"stylelint-config-standard": "36.0.1"
+		"stylelint-config-standard": "36.0.1",
+		"stylelint-plugin-defensive-css": "1.0.4"
 	}
 }
diff --git a/stylelint.config.js b/stylelint.config.js
@@ -5,6 +5,7 @@ export default {
 		"stylelint-config-standard",
 		"stylelint-config-recess-order",
 	],
+	plugins: ["stylelint-plugin-defensive-css"],
 	reportDescriptionlessDisables: true,
 	reportInvalidScopeDisables: true,
 	reportNeedlessDisables: true,
@@ -93,5 +94,20 @@ export default {
 		// "keyframes-name-pattern": null,
 		// "selector-class-pattern": null,
 		// "selector-id-pattern": null,
+
+		// plugin/use-defensive-css
+		"plugin/use-defensive-css": [
+			true,
+			{
+				"severity": "warning",
+				"accidental-hover": true,
+				"background-repeat": true,
+				"custom-property-fallbacks": true,
+				"flex-wrapping": true,
+				"scroll-chaining": true,
+				"scrollbar-gutter": true,
+				"vendor-prefix-grouping": true,
+			},
+		],
 	},
 };