fix: resolve #39 by fixing lint errors and updating CI (#40)

.stylelintrc

@@ -1,3 +1,6 @@
 {
-  "extends": "stylelint-config-recommended-scss"
+  "extends": "stylelint-config-recommended-scss",
+  "rules": {
+    "no-descending-specificity": [true, {"severity": "warning"}]
+  }
 }

package.json

@@ -31,13 +31,14 @@
     "postpublish": "rm -rf dist css sass",
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "test": "npm run lint",
+    "test": "yarn lint",
     "eject": "react-scripts eject",
     "add-whirl": "node utils/add-whirl",
     "publish-package": "export FOR_PACKAGE=true && mkdir -pv css && cp -rf src/whirls sass && node utils/publish",
     "publish-css": "export FOR_PACKAGE=false && mkdir -pv dist/css && cp -rf src/whirls dist/sass && cp README.md dist/README.md && node utils/publish",
     "precommit": "lint-staged",
-    "lint": "eslint src",
+    "lint": "yarn lint:scripts && yarn lint:whirls",
+    "lint:scripts": "eslint src",
     "lint:whirls": "stylelint 'src/**/*.scss' --syntax scss"
   },
   "lint-staged": {

src/whirls/box-spin.scss

@@ -24,6 +24,6 @@ $size: 50px;
     left: 50%;
     top: 50%;
     margin-left: -25px;
-    margin-top: -25pxpx;
+    margin-top: -25px;
   }
 }

src/whirls/in-and-out.scss

@@ -59,7 +59,6 @@ $duration: 1s;
         animation: in-and-out-children $duration infinite ease;
       }
     }
-
     &:nth-of-type(2) {
       --multiplier: 2;
       animation: in-and-out-two $duration infinite ease both;
@@ -68,6 +67,7 @@ $duration: 1s;
       }
     }
 
+
   }
 
   div div {

src/whirls/square-of-dots.scss

@@ -4,7 +4,7 @@
   * @author jh3y
 */
 
-$dot-color: var(--primary);;
+$dot-color: var(--primary);
 $dot-size: 10px;
 $dot-margin: 5px;
 $first: $dot-size + $dot-margin;