chore: update stylelint

Author: xiejay97

.circleci/config.yml

@@ -39,6 +39,9 @@ workflows:
       - template:
           name: lint
           run-command: 'lint:affected'
+      - template:
+          name: lint-style
+          run-command: 'lint:style'
 
   test:
     jobs:

.husky/pre-commit

@@ -3,3 +3,4 @@
 . "$(dirname "$0")/common.sh"
 
 yarn lint:affected
+yarn lint:style

.stylelintignore

@@ -2,3 +2,4 @@
 /dist
 /coverage
 /.yarn
+/packages/site/src/app/routes

.stylelintrc

@@ -10,20 +10,28 @@
         "empty-line-between-groups": true
       }
     ],
-    "declaration-empty-line-before": null,
     "selector-type-no-unknown": [
       true,
       {
         "ignoreTypes": ["/^d-/"]
       }
     ],
-    "function-name-case": null,
-    "at-rule-no-unknown": null,
-    "scss/at-rule-no-unknown": true,
+    "declaration-empty-line-before": null,
     "custom-property-pattern": null,
     "selector-class-pattern": null
   },
   "overrides": [
+    {
+      "files": ["*.scss", "**/*.scss"],
+      "rules": {
+        "at-rule-no-unknown": null,
+        "scss/at-rule-no-unknown": true
+      }
+    },
+    {
+      "files": ["*.html", "**/*.html"],
+      "customSyntax": "postcss-html"
+    },
     {
       "files": ["*.md", "**/*.md"],
       "customSyntax": "postcss-markdown"

.vscode/recommended-settings.json

@@ -1,7 +1,7 @@
 {
   "typescript.tsdk": "./node_modules/typescript/lib",
   "eslint.format.enable": true,
-  "stylelint.validate": ["css", "html", "scss", "markdown"],
+  "stylelint.validate": ["css", "scss", "html", "markdown"],
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {

package.json

@@ -13,6 +13,9 @@
   "scripts": {
     "site:serve": "nx serve site",
     "lint:affected": "nx affected:lint --parallel --max-parallel=4",
+    "lint:affected:fix": "yarn lint:affected --fix",
+    "lint:style": "stylelint **/*.{css,scss,html,md}",
+    "lint:style:fix": "yarn lint:style --fix",
     "test:affected": "nx affected:test --parallel --max-parallel=2",
     "build:affected": "nx affected:build --parallel --max-parallel=2",
     "build:ui": "nx build ui",
@@ -82,6 +85,7 @@
     "husky": "^7.0.0",
     "jest": "^27.3.1",
     "marked": "^3.0.4",
+    "postcss-html": "^1.2.0",
     "postcss-markdown": "^1.1.0",
     "prettier": "^2.4.1",
     "react-test-renderer": "17.0.2",

packages/site/src/app/styles/_app.scss

@@ -23,7 +23,6 @@ body {
   .app-main {
     position: absolute;
     right: 0;
-
     bottom: 0;
 
     width: calc(100% - 260px);

yarn.lock

@@ -4802,7 +4802,7 @@ domhandler@^2.3.0:
   dependencies:
     domelementtype "1"
 
-domhandler@^4.0.0, domhandler@^4.2.0:
+domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.2.2:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.2.2.tgz#e825d721d19a86b8c201a35264e226c678ee755f"
   integrity sha512-PzE9aBMsdZO8TK4BnuJwH0QT41wgMbRzuZrHUcpYncEjmQazq8QEaBWgLG7ZyC/DAZKEgglpIA6j4Qn/HmxS3w==
@@ -4817,7 +4817,7 @@ domutils@^1.5.1, domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
-domutils@^2.5.2, domutils@^2.6.0, domutils@^2.7.0:
+domutils@^2.5.2, domutils@^2.6.0, domutils@^2.7.0, domutils@^2.8.0:
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
   integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
@@ -4948,6 +4948,11 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
   integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
+entities@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-3.0.1.tgz#2b887ca62585e96db3903482d336c1006c3001d4"
+  integrity sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==
+
 enzyme-adapter-react-16@^1.15.6:
   version "1.15.6"
   resolved "https://registry.yarnpkg.com/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.15.6.tgz#fd677a658d62661ac5afd7f7f541f141f8085901"
@@ -6440,6 +6445,16 @@ htmlparser2@^6.1.0:
     domutils "^2.5.2"
     entities "^2.0.0"
 
+htmlparser2@^7.1.2:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-7.2.0.tgz#8817cdea38bbc324392a90b1990908e81a65f5a5"
+  integrity sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.2"
+    domutils "^2.8.0"
+    entities "^3.0.1"
+
 http-deceiver@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
@@ -9378,6 +9393,15 @@ postcss-html@^0.36.0:
   dependencies:
     htmlparser2 "^3.10.0"
 
+postcss-html@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-html/-/postcss-html-1.2.0.tgz#f496939dc9ca7b774326125b4c7038db13d04900"
+  integrity sha512-DEuVLHIf8wwqJtLAVGj0ol00PJFB9byPDZF+p56CAC5ktdlF9lFzLdhqbPxBza/jpBYwn17+fGeqvXxYh+h+CQ==
+  dependencies:
+    htmlparser2 "^7.1.2"
+    postcss "^8.3.11"
+    postcss-safe-parser "^6.0.0"
+
 postcss-import@14.0.2:
   version "14.0.2"
   resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.0.2.tgz#60eff77e6be92e7b67fe469ec797d9424cae1aa1"