Migrate stylelintrc to stylint.config.js (#6871)

* migrate stylelint to stylint.config.js

* Update stylelint.config.mjs

---------

Co-authored-by: PikachuEXE <[email protected]>

package.json

@@ -40,8 +40,8 @@
     "eslint-lint": "eslint --config eslint.config.mjs \"src/**/*.js\" \"src/renderer/**/*.vue\" \"static/*.js\" \"_scripts/*.js\" \"_scripts/**/*.mjs\"",
     "eslint-lint-fix": "eslint --config eslint.config.mjs --fix \"src/**/*.js\" \"src/renderer/**/*.vue\" \"static/*.js\" \"_scripts/*.js\" \"_scripts/**/*.mjs\"",
     "lint-json": "eslint --config eslint.config.mjs \"static/**/*.json\"",
-    "lint-style": "stylelint \"**/*.{css,scss}\"",
-    "lint-style-fix": "stylelint --fix \"**/*.{css,scss}\"",
+    "lint-style": "stylelint \"src/**/*.{css,scss}\"",
+    "lint-style-fix": "stylelint --fix \"src/**/*.{css,scss}\"",
     "lint-yml": "eslint --config eslint.config.mjs \"**/*.yml\" \"**/*.yaml\"",
     "pack": "run-p pack:main pack:renderer pack:botGuardScript && node _scripts/injectAllowedPaths.mjs",
     "pack:main": "webpack --mode=production --node-env=production --config _scripts/webpack.main.config.js",

stylelint.config.mjs

@@ -0,0 +1,39 @@
+import logicalSpec from 'stylelint-use-logical-spec'
+import a11y from '@double-great/stylelint-a11y'
+/** @type {import('stylelint').Config} */
+export default {
+  plugins: [logicalSpec, ...a11y],
+  extends: ['stylelint-config-standard', 'stylelint-config-sass-guidelines'],
+  overrides: [
+    {
+      files: '**/*.scss',
+      customSyntax: 'postcss-scss',
+      rules: {
+        'max-nesting-depth': null,
+        'selector-max-compound-selectors': null
+      }
+    },
+    {
+      files: '**/*.css',
+      rules: { }
+    }
+  ],
+  rules: {
+    'selector-no-qualifying-type': [
+      true,
+      {
+        ignore: ['attribute']
+      }
+    ],
+    'selector-class-pattern': null,
+    'selector-id-pattern': null,
+    'selector-pseudo-class-no-unknown': [
+      true,
+      {
+        ignorePseudoClasses: ['deep', 'global']
+      }
+    ],
+    'a11y/no-outline-none': true,
+    'liberty/use-logical-spec': ['always']
+  }
+}