updated css linter and html linter

.github/workflows/css_linting.yml

@@ -0,0 +1,23 @@
+name: CSS Linting
+
+on:
+  pull_request:
+    branches:
+    - main
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+jobs:
+  # Single deploy job since we're just deploying
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Install apt updates
+        run: sudo apt -y update; sudo apt -y upgrade;
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Install dependencies
+        run: sudo npm install
+      - name: Run tests
+        run: sudo npm run lintCSS

.github/workflows/html-linting.yml

@@ -15,8 +15,6 @@ jobs:
     steps:
       - name: Install apt updates
         run: sudo apt -y update; sudo apt -y upgrade;
-      - name: Install prerequisites
-        run: sudo apt install -y htmlhint npm;
       - name: Checkout
         uses: actions/checkout@v3
       - name: Install dependencies

package.json

@@ -6,11 +6,17 @@
     "lint": "eslint '**/*.js'",
     "fix-style": "eslint --fix **/*.js"
   },
-   "html": {
-    "lintHTML": "npx htmlhint '**/*.html'",
+  "html": {
+    "lintHTML": "npx htmlhint '**/*.html'"
+  },
+  "css": {
+    "lintCSS": "npx stylelint '**/*.css'"
   },
   "devDependencies": {
     "eslint": "^8.27.0",
-    "mocha": "10"
+    "mocha": "10",
+    "htmlhint": "1.1.4",
+    "stylelint": "14.14.1"
+
   }
 }