Add stylelint config file with specific rule adjustments

template/apps/web/.stylelintrc.json

@@ -0,0 +1,26 @@
+{
+ "extends": ["stylelint-config-standard-scss"],
+ "rules": {
+  "scss/no-duplicate-mixins": null,
+  "declaration-empty-line-before": null,
+  "declaration-block-no-redundant-longhand-properties": null,
+  "alpha-value-notation": null,
+  "custom-property-empty-line-before": null,
+  "property-no-vendor-prefix": null,
+  "color-function-notation": null,
+  "length-zero-no-unit": null,
+  "selector-not-notation": null,
+  "no-descending-specificity": null,
+  "comment-empty-line-before": null,
+  "scss/at-mixin-pattern": null,
+  "scss/at-rule-no-unknown": null,
+  "value-keyword-case": null,
+  "media-feature-range-notation": null,
+  "selector-pseudo-class-no-unknown": [
+   true,
+   {
+    "ignorePseudoClasses": ["global"]
+   }
+  ]
+ }
+}

template/apps/web/package.json

@@ -63,12 +63,17 @@
     "prettier-config-custom": "workspace:*",
     "storybook": "8.2.0",
     "storybook-dark-mode": "4.0.2",
+    "stylelint": "16.7.0",
+    "stylelint-config-standard-scss": "13.1.0",
     "tsconfig": "workspace:*",
     "typescript": "5.2.2"
   },
   "lint-staged": {
     "*.{ts,tsx}": [
       "eslint --fix"
+    ],
+    "*.{css,scss}": [
+      "stylelint"
     ]
   }
 }