chore: use standard scss config over recommended

- install/update dependencies
- fix linting issues from rule changes
- set up prettier config

.prettierignore

@@ -0,0 +1,28 @@
+# Configs
+package.json
+package-lock.json
+tsconfig.json
+
+# npm
+node_modules
+npm-debug.log
+
+# Build
+/out
+/build
+/dist
+/_site
+
+# IDEs
+.vscode
+.idea
+
+# Swap
+*~
+*.swp
+*.swo
+
+# Next.js
+.next
+next.config.json
+next-env.d.ts

.prettierrc

@@ -0,0 +1,14 @@
+{
+  "printWidth": 110,
+  "endOfLine": "lf",
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "useTabs": true,
+  "semi": true,
+  "singleQuote": true,
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": false,
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always"
+}

.stylelintrc

@@ -0,0 +1,19 @@
+{
+	"extends": ["stylelint-config-standard", "stylelint-config-standard-scss"],
+	"rules": {
+		"selector-class-pattern": [
+			"^(?:[a-z][a-z0-9]*(?:-[a-z0-9]+)*(?:__[a-z0-9]+(?:-[a-z0-9]+)*)?(?:--[a-z0-9]+(?:-[a-z0-9]+)*)?)?(?:\\[.+\\])?$",
+			{
+				"message": "Expected property name to be in BEM format",
+				"resolveNestedSelectors": true
+			}
+		],
+		"media-feature-range-notation": "prefix",
+		"max-nesting-depth": [
+			4,
+			{
+				"ignore": ["blockless-at-rules"]
+			}
+		]
+	}
+}

package.json

@@ -24,16 +24,16 @@
   "devDependencies": {
     "eslint": "^8.56.0",
     "stylelint": "^16.2.1",
-    "stylelint-config-recommended-scss": "^14.0.0",
-    "stylelint-config-standard": "^36.0.0"
+    "stylelint-config-standard": "^36.0.0",
+    "stylelint-config-standard-scss": "^13.0.0"
   },
   "dependencies": {
     "@11ty/eleventy": "^2.0.1",
     "@sindresorhus/slugify": "^1.1.2",
     "airtable": "^0.12.2",
-    "dotenv": "^16.4.4",
-    "isomorphic-dompurify": "^2.3.0",
+    "dotenv": "^16.4.5",
+    "isomorphic-dompurify": "^2.4.0",
     "marked": "^12.0.0",
-    "sass": "^1.71.0"
+    "sass": "^1.71.1"
   }
 }