adds stylelint and begins cleanup

.github/workflows/stylelint.yml

@@ -0,0 +1,45 @@
+name: Run_Stylelint_on_PRs
+
+on:
+  pull_request:
+    paths-ignore:
+      - 'shows/*.md'
+
+env:
+  PUBLIC_GITHUB_ID: ${{ secrets.PUBLIC_GITHUB_ID }}
+  GH_SECRET: ${{ secrets.GH_SECRET }}
+  DEEPGRAM_SECRET: ${{ secrets.DEEPGRAM_SECRET }}
+  PUBLIC_URL: ${{ secrets.PUBLIC_URL }}
+  SENTRY_AUTH_TOKEN: ''
+  DATABASE_URL: ${{ secrets.DATABASE_URL }}
+  UPSPLASH_TOKEN: ''
+  UPSPLASH_URL: ''
+  YOUTUBE_API_KEY: ''
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: pnpm-setup
+        uses: pnpm/action-setup@v4
+        with:
+          version: 8
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18.18.2
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Setup DB
+        run: pnpm db:generate
+
+      - name: Run Svelte Check
+        run: pnpm stylelint

.prettierrc

@@ -7,7 +7,6 @@
 			}
 		}
 	],
-	"pluginSearchDirs": ["."],
 	"plugins": ["prettier-plugin-svelte"],
 	"printWidth": 100,
 	"singleQuote": true,

.stylelintrc.json

@@ -0,0 +1,10 @@
+{
+	"extends": ["stylelint-config-standard"],
+	"plugins": ["stylelint-declaration-strict-value"],
+	"rules": {
+		"alpha-value-notation": "number",
+		"font-family-no-missing-generic-family-keyword": null,
+		"import-notation": "string",
+		"scale-unlimited/declaration-strict-value": "/color$/"
+	}
+}

.vscode/extensions.json

@@ -1,7 +1,7 @@
 {
-  "recommendations": [
-    "svelte.svelte-vscode",
-    "ardenivanov.svelte-intellisense",
-    "fivethree.vscode-svelte-snippets",
-  ]
+	"recommendations": [
+		"svelte.svelte-vscode",
+		"fivethree.vscode-svelte-snippets",
+		"stylelint.vscode-stylelint"
+	]
 }

README.md

@@ -88,17 +88,17 @@ Just about all major code folders live in `/src` with the exception of `/shows`
 These are the available media queries:
 
 ```css
-@custom-media --below_small (width < 400px);
-@custom-media --below_med (width < 700px);
-@custom-media --below_large (width < 900px);
-@custom-media --below_xlarge (width < 1200px);
-@custom-media --above_small (width > 400px);
-@custom-media --above_med (width > 700px);
-@custom-media --above_large (width > 900px);
-@custom-media --above_xlarge (width > 1200px);
+@custom-media --below-small (width < 400px);
+@custom-media --below-med (width < 700px);
+@custom-media --below-large (width < 900px);
+@custom-media --below-xlarge (width < 1200px);
+@custom-media --above-small (width > 400px);
+@custom-media --above-med (width > 700px);
+@custom-media --above-large (width > 900px);
+@custom-media --above-xlarge (width > 1200px);
 
 // Usage
-@media (--above_med) {
+@media (--above-med) {
 }
 ```
 

package.json

@@ -15,15 +15,16 @@
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"test:unit": "svelte-kit sync && vitest",
-		"lint": "prettier --plugin-search-dir . --check . && eslint .",
+		"lint": "prettier --plugin-search-dir . --check . && eslint . && pnpm stylelint",
 		"format": "prettier --plugin-search-dir . --write .",
 		"site:update": "pnpm update -i -L",
 		"db:studio": "prisma studio",
 		"db:generate": "prisma generate",
 		"db:push": "prisma db push",
 		"db:seed": "prisma db seed",
 		"i-changed-the-schema": "pnpm run db:push && pnpm run db:generate",
-		"postinstall": "pnpm db:generate && pnpm exec playwright install"
+		"postinstall": "pnpm db:generate && pnpm exec playwright install",
+		"stylelint": "NODE_OPTIONS=--no-deprecation stylelint \"**/*.css\""
 	},
 	"devDependencies": {
 		"@codecov/sveltekit-plugin": "0.0.1-beta.12",
@@ -51,6 +52,9 @@
 		"prettier-plugin-svelte": "^3.2.6",
 		"prisma": "5.18.0",
 		"semver": "^7.6.3",
+		"stylelint": "^16.9.0",
+		"stylelint-config-standard": "^36.0.1",
+		"stylelint-declaration-strict-value": "^1.10.6",
 		"svelte": "^4.2.18",
 		"svelte-check": "^3.8.5",
 		"svelte-preprocess": "^6.0.2",