.

Author: ChristianOellers

.htmlhintrc.json

@@ -0,0 +1,24 @@
+{
+  "alt-require": true,
+  "attr-lowercase": true,
+  "attr-no-duplication": true,
+  "attr-unsafe-chars": true,
+  "attr-value-double-quotes": true,
+  "attr-value-not-empty": false,
+  "doctype-first": false,
+  "doctype-html5": true,
+  "href-abs-or-rel": false,
+  "id-class-ad-disabled": false,
+  "id-class-value": "dash",
+  "id-unique": true,
+  "inline-script-disabled": false,
+  "inline-style-disabled": false,
+  "space-tab-mixed-disabled": "space",
+  "spec-char-escape": true,
+  "src-not-empty": true,
+  "style-disabled": false,
+  "tag-pair": true,
+  "tag-self-close": false,
+  "tagname-lowercase": false,
+  "title-require": true
+}

.stylelintrc.json

@@ -0,0 +1,47 @@
+{
+  "extends": ["stylelint-config-standard", "stylelint-config-prettier"],
+  "plugins": ["stylelint-scss"],
+  "ignoreFiles": ["dist/**/*.css"],
+  "rules": {
+    "at-rule-empty-line-before": [
+      "always",
+      {
+        "ignore": ["after-comment", "first-nested"],
+        "ignoreAtRules": ["else", "for", "if", "import"]
+      }
+    ],
+    "at-rule-no-unknown": null,
+    "color-hex-case": "lower",
+    "color-named": "never",
+    "declaration-no-important": true,
+    "font-family-name-quotes": "always-where-recommended",
+    "function-name-case": ["lower", {}],
+    "function-url-quotes": "always",
+    "max-empty-lines": 2,
+    "max-nesting-depth": 4,
+    "media-feature-name-no-unknown": [
+      true,
+      {
+        "ignoreMediaFeatureNames": ["min-device-pixel-ratio"]
+      }
+    ],
+    "selector-pseudo-element-colon-notation": "double",
+    "selector-pseudo-element-no-unknown": [true, {}],
+    "property-no-unknown": [
+      true,
+      {
+        "ignoreProperties": ["place-items"]
+      }
+    ],
+    "selector-type-no-unknown": null,
+    "string-quotes": "double",
+    "value-keyword-case": [
+      "lower",
+      {
+        "ignoreProperties": ["/font-?family/i"]
+      }
+    ],
+    "scss/at-extend-no-missing-placeholder": true,
+    "scss/at-rule-no-unknown": true
+  }
+}

package.json

@@ -13,15 +13,20 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "eslint": "^7.2.0",
+    "eslint": "^7.11.0",
     "eslint-config-airbnb": "^18.2.0",
-    "eslint-config-prettier": "^6.12.0",
+    "eslint-config-prettier": "^6.14.0",
     "eslint-plugin-flowtype": "^4.7.0",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-prettier": "^3.1.4",
     "flow-bin": "^0.119.1",
     "flow-typed": "^3.2.1",
+    "htmlhint": "^0.14.1",
     "prettier": "^2.1.2",
-    "prettier-eslint": "^11.0.0"
+    "prettier-eslint": "^11.0.0",
+    "stylelint": "^13.6.1",
+    "stylelint-config-prettier": "^8.0.2",
+    "stylelint-config-standard": "^20.0.0",
+    "stylelint-scss": "^3.18.0"
   }
 }

src/canvas-animated-svg-filter/babel.js

@@ -1,3 +1,4 @@
+// @flow
 window.onload = () => {
   'use strict';