Add Stylelint

.github/workflows/formatter.yml

@@ -4,7 +4,7 @@ name: Formatter
 on:
   push:
   pull_request:
-    branches: [master, main]
+    branches: [main, master]
 
 jobs:
   changes:

.github/workflows/eslint.yml → .github/workflows/linter.yml

@@ -1,5 +1,5 @@
 ---
-name: ESLint
+name: Linter
 
 on:
   push:
@@ -21,6 +21,8 @@ jobs:
           filters: |
             eslint:
               - '**.js,**.jsx,**.ts,**.tsx'
+            stylelint:
+              - '**.css'
 
   eslint:
     name: ESLint
@@ -33,21 +35,25 @@ jobs:
         with:
           ref: ${{ github.head_ref }}
 
-      - name: Cache Node Modules
-        uses: actions/cache@v3
-        id: node_modules_cache_id
-        with:
-          path: "**/node_modules"
-          key: ${{ runner.os }}-eslint
-
       - name: Install Node Mudules
-        if: steps.node_modules_cache_id.outputs.cache-hit != 'true'
-        run: npm install \
-          @typescript-eslint/eslint-plugin \
-          @typescript-eslint/parser eslint \
-          eslint-config-prettier \
-          eslint-plugin-react
-        shell: bash
+        uses: ./.github/actions/install_node_modules
 
       - name: Run ESLint
         run: npx eslint . --ext .js,.jsx,.ts,.tsx
+
+  stylelint:
+    name: Stylelint
+    needs: changes
+    if: needs.changes.outputs.stylelint == 'true'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ github.head_ref }}
+
+      - name: Install Node Mudules
+        uses: ./.github/actions/install_node_modules
+
+      - name: Run Stylelint
+        run: npx stylelint "**/*.css"

.stylelintignore

@@ -0,0 +1,5 @@
+/my-website
+/src/components/InteractiveCodeEditor/styles.module.css
+/src/components/BrowserWindow/styles.module.css
+
+build

.stylelintrc.json

@@ -0,0 +1,6 @@
+{
+  "extends": ["stylelint-config-standard", "stylelint-config-prettier"],
+  "rules": {
+    "selector-class-pattern": null
+  }
+}