✨ add more modules

README.md

@@ -20,8 +20,8 @@ To see the rules that this config uses, please read the [config itself](./index.
 
 <!-- prettier-ignore -->
 ```css
-@import "x";
-@import "y";
+@import "./x";
+@import "./y";
 
 /**
  * Multi-line comment
@@ -91,7 +91,7 @@ To see the rules that this config uses, please read the [config itself](./index.
   /* Flush nested single line comment */
   .selector::after {
     content: "→";
-    background-image: url("x.svg");
+    background-image: url("./x.svg");
   }
 }
 

__tests__/_y.scss

@@ -0,0 +1,3 @@
+.y {
+  display: none;
+}

__tests__/valid.css

@@ -1,5 +1,4 @@
-@import "x";
-@import "y";
+@import "./x";
 
 /**
  * Multi-line comment
@@ -69,7 +68,7 @@
   /* Flush nested single line comment */
   .selector::after {
     content: "→";
-    background-image: url("x.svg");
+    background-image: url("./x.svg");
   }
 }
 

__tests__/valid.scss

@@ -1,5 +1,5 @@
-@import 'x';
-@import '_y';
+@import './x';
+@import './_y';
 
 $color-black: #000000;
 

__tests__/x.css

@@ -0,0 +1,3 @@
+.x {
+  display: none;
+}

index.js

@@ -9,7 +9,7 @@ module.exports = {
 		'stylelint-config-standard-scss',
 		'stylelint-config-prettier',
 	],
-	plugins: ['stylelint-order'],
+	plugins: ['stylelint-high-performance-animation', 'stylelint-images', 'stylelint-order'],
 	/**
 	 * Global Rules
 	 *
@@ -20,11 +20,15 @@ module.exports = {
 		/* CSS */
 		/** use long to match JS */
 		'color-hex-length': 'long',
+		/** images */
+		'images/broken': true,
+		// /** allow us to go as precise as needed */
+		// 'number-max-precision': null,
 		/** properties order */
 		'order/properties-order': propertyOrder,
-		/** allow us to go as precise as needed */
-		'number-max-precision': null,
-		/** eg: composes - scss */
+		/** now low performance animation properties */
+		'plugin/no-low-performance-animation-properties': true,
+		/** eg: composes - css modules */
 		'property-no-unknown': [
 			true,
 			{

package.json

@@ -78,6 +78,8 @@
     "stylelint-config-prettier": "^9.0.4",
     "stylelint-config-standard": "^29.0.0",
     "stylelint-config-standard-scss": "^6.1.0",
+    "stylelint-high-performance-animation": "^1.7.0",
+    "stylelint-images": "^2.0.1",
     "stylelint-order": "^6.0.1"
   },
   "devDependencies": {
@@ -99,6 +101,10 @@
     "stylelint-config-prettier": ">=9",
     "stylelint-config-standard": ">=29",
     "stylelint-config-standard-scss": ">=6",
+    "stylelint-css-modules": ">=1",
+    "stylelint-high-performance-animation": ">=1",
+    "stylelint-images": ">=2",
+    "stylelint-no-unresolved-module": ">=2",
     "stylelint-order": ">=6"
   }
 }