Fix stylelint integration (#836)

* Fix the npm run lint:css command

* Fix rule for vec4

* Rewrite with a simple media query instead of stylus function

* Fix the no-duplicate-selectors errors

* Use css variables --font-normal and --font-monospace

* Remove non used webfontloader and Select rules

* Auto fix all stylelint errors

* Add lint:css to CI

* Make the media query min-width 1025px to really hide #viewportHud on iPad

* Disable selector-not-notation stylelint that wrongly report error

* Disable eslint indent rule that conflicts with prettier

Author: vincentfretin

.eslintrc

@@ -1,6 +1,7 @@
 {
   "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:react/jsx-runtime", "standard"],
   "rules": {
+    "indent": "off",
     "multiline-ternary": "off",
     "no-console": "off",
     "no-lone-blocks": "off",

.github/workflows/ci.yml

@@ -35,5 +35,8 @@ jobs:
       - name: Check Lint
         run: npm run lint
 
+      - name: Check CSS Lint
+        run: npm run lint:css
+
       - name: Check Build
         run: npm run dist

.stylelintrc

@@ -11,7 +11,7 @@
     "dist:min": "cross-env MINIFY=true npm run build",
     "ghpages": "npm run preghpages && gh-pages -d gh-pages",
     "lint": "npm run lintfile src/",
-    "lint:css": "stylelint src/css/main.css",
+    "lint:css": "stylelint src/style/",
     "lintfile": "eslint",
     "preghpages": "npm run dist && shx rm -rf gh-pages && shx mkdir gh-pages && shx cp -r assets dist examples index.html gh-pages && shx sed -i http://localhost:3333 .. gh-pages/examples/index.html",
     "prepare": "husky",
@@ -57,9 +57,10 @@
     "react-test-renderer": "^18.2.0",
     "shx": "^0.3.4",
     "style-loader": "^3.3.4",
-    "stylelint": "^16.2.1",
-    "stylelint-config-standard": "^36.0.0",
-    "stylelint-order": "^6.0.4",
+    "postcss-styl": "^0.12.3",
+    "stylelint": "^16.26.1",
+    "stylelint-config-standard": "^39.0.1",
+    "stylelint-order": "^7.0.0",
     "stylus": "^0.62.0",
     "stylus-loader": "^8.1.0",
     "webpack": "^5.91.0",