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"]
+			}
+		]
+	}
+}