Initial stylelint integration

.stylelintrc

@@ -0,0 +1,18 @@
+{
+  "rules": {
+    "block-no-empty": null,
+    "color-no-invalid-hex": true,
+    "comment-empty-line-before": [ "always", {
+      "ignore": ["stylelint-commands", "after-comment"]
+    } ],
+    "declaration-colon-space-after": "always",
+    "indentation": [2, {
+      "except": ["value"]
+    }],
+    "max-empty-lines": 2,
+    "rule-empty-line-before": [ "always", {
+      "except": ["first-nested"],
+      "ignore": ["after-comment"]
+    } ]
+  }
+}

package.json

@@ -164,6 +164,7 @@
     "sitemap-webpack-plugin": "^0.6.0",
     "speed-measure-webpack-plugin": "^1.3.1",
     "style-loader": "~1.0.0",
+    "stylelint": "^13.0.0",
     "typescript": "^3.7.4",
     "unexpected": "^11.12.0",
     "unexpected-sinon": "^10.5.1",

packages/app/components/ui/loader/loader.scss

@@ -90,12 +90,15 @@
   25% {
     margin: 0 0 0 0;
   }
+
   50% {
     margin: 0 0 0 51px;
   }
+
   75% {
     margin: 0 0 0 51px;
   }
+
   100% {
     margin: 0 0 0 51px;
   }
@@ -105,12 +108,15 @@
   25% {
     margin: 0 0 0 51px;
   }
+
   50% {
     margin: 0 0 0 102px;
   }
+
   75% {
     margin: 0 0 0 102px;
   }
+
   100% {
     margin: 0 0 0 102px;
   }
@@ -120,12 +126,15 @@
   25% {
     margin: 51px 0 0 102px;
   }
+
   50% {
     margin: 51px 0 0 102px;
   }
+
   75% {
     margin: 51px 0 0 102px;
   }
+
   100% {
     margin: 51px 0 0 102px;
   }
@@ -135,12 +144,15 @@
   25% {
     margin: 51px 0 0 0;
   }
+
   50% {
     margin: 51px 0 0 0;
   }
+
   75% {
     margin: 0 0 0 0;
   }
+
   100% {
     margin: 0 0 0 0;
   }
@@ -150,12 +162,15 @@
   25% {
     margin: 102px 0 0 102px;
   }
+
   50% {
     margin: 102px 0 0 102px;
   }
+
   75% {
     margin: 102px 0 0 102px;
   }
+
   100% {
     margin: 102px 0 0 51px;
   }
@@ -165,12 +180,15 @@
   25% {
     margin: 102px 0 0 0;
   }
+
   50% {
     margin: 102px 0 0 0;
   }
+
   75% {
     margin: 51px 0 0 0;
   }
+
   100% {
     margin: 51px 0 0 0;
   }
@@ -180,12 +198,15 @@
   25% {
     margin: 102px 0 0 51px;
   }
+
   50% {
     margin: 102px 0 0 51px;
   }
+
   75% {
     margin: 102px 0 0 51px;
   }
+
   100% {
     margin: 102px 0 0 0;
   }

packages/app/pages/404/404.scss

@@ -43,12 +43,15 @@
   0% {
     transform: rotate(0deg) translate3D(0, 0, 0);
   }
+
   65% {
     transform: rotate(45deg) translate3D(0, -13px, 0);
   }
+
   90% {
     transform: rotate(70deg) translate3D(0, -8px, 0);
   }
+
   100% {
     transform: rotate(90deg) translate3D(0, 0, 0);
   }
@@ -58,12 +61,15 @@
   0% {
     transform: translate3D(0, 0, 0);
   }
+
   60% {
     transform: translate3D(0, 2px, 0);
   }
+
   90% {
     transform: translate3D(0, 4px, 0);
   }
+
   100% {
     transform: translate3D(0, 0, 0);
   }
@@ -73,12 +79,15 @@
   0% {
     transform: translate3D(0, 0, 0);
   }
+
   60% {
     transform: translate3D(0, -2px, 0);
   }
+
   95% {
     transform: translate3D(0, -2px, 0);
   }
+
   100% {
     transform: translate3D(0, 0, 0);
   }
@@ -118,33 +127,43 @@
   0% {
     right: -2%;
   }
+
   10% {
     right: 8%;
   }
+
   20% {
     right: 18%;
   }
+
   30% {
     right: 29%;
   }
+
   40% {
     right: 40%;
   }
+
   50% {
     right: 51%;
   }
+
   60% {
     right: 62%;
   }
+
   70% {
     right: 72%;
   }
+
   80% {
     right: 82%;
   }
+
   90% {
     right: 92%;
   }
+
   100% {
     right: 102%;
   }
@@ -203,6 +222,7 @@
   0% {
     right: -30%;
   }
+
   100% {
     right: 110%;
   }
@@ -212,12 +232,15 @@
   0% {
     transform: translate3D(0, 0, 0);
   }
+
   60% {
     transform: translate3D(0, 2px, 0);
   }
+
   85% {
     transform: translate3D(0, 2px, 0);
   }
+
   100% {
     transform: translate3D(0, 0, 0);
   }