Make sass lint actually work

.sasslintrc.json

@@ -0,0 +1,43 @@
+{
+  "files": {
+    "include": "./src/components/duet-date-picker/*.scss",
+    "ignore": ["dist/**/*", "www/**/*", "node_modules/**"]
+  },
+  "rules": {
+    "property-sort-order": [
+      1,
+      {
+        "order": "alphabetical"
+      }
+    ],
+    "class-name-format": [
+      1,
+      {
+        "convention": "strictbem"
+      }
+    ],
+    "no-vendor-prefixes": 0,
+    "no-color-literals": 0,
+    "nesting-depth": [
+      1,
+      {
+        "max-depth": 2
+      }
+    ],
+    "no-qualifying-elements": [
+      1,
+      {
+        "allow-element-with-attribute": true
+      }
+    ],
+    "force-pseudo-nesting": 0,
+    "mixins-before-declarations": 1,
+    "leading-zero": 0,
+    "quotes": [
+      1,
+      {
+        "style": "double"
+      }
+    ]
+  }
+}

package.json

@@ -40,7 +40,9 @@
     "test": "stencil test --spec --e2e --silent",
     "test:dev": "stencil test --spec --e2e --watchAll",
     "test:unit": "stencil test --spec --silent",
-    "test:e2e": "stencil test --e2e --silent"
+    "test:e2e": "stencil test --e2e --silent",
+    "lint:sass": "sass-lint -v",
+    "lint:sass:fix": "sass-lint-auto-fix"
   },
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -55,6 +57,9 @@
     "jest": "26.4.0",
     "jest-cli": "26.4.0",
     "jest-image-snapshot": "4.1.0",
-    "puppeteer": "5.2.1"
-  }
+    "puppeteer": "5.2.1",
+    "sass-lint": "1.13.1",
+    "sass-lint-auto-fix": "0.21.0"
+  },
+  "sasslintConfig": ".sasslintrc.json"
 }