Merge branch 'stylelint-config' into 'develop'

Use stylelint config instead of sass-lint, fixes #475

Closes #475

See merge request soapbox-pub/soapbox-fe!352

.sass-lint.yml

@@ -1,37 +0,0 @@
-# Linter Documentation:
-# https://github.com/sasstools/sass-lint/tree/v1.13.1/docs/options
-
-files:
-  include: app/styles/**/*.scss
-  ignore:
-    - app/styles/reset.scss
-
-rules:
-  # Disallows
-  no-color-literals: 0
-  no-css-comments: 0
-  no-duplicate-properties: 0
-  no-ids: 0
-  no-important: 0
-  no-mergeable-selectors: 0
-  no-misspelled-properties: 0
-  no-qualifying-elements: 0
-  no-transition-all: 0
-  no-vendor-prefixes: 0
-
-  # Nesting
-  force-element-nesting: 0
-  force-attribute-nesting: 0
-  force-pseudo-nesting: 0
-
-  # Name Formats
-  class-name-format: 0
-  leading-zero: 0
-
-  # Style Guide
-  attribute-quotes: 0
-  hex-length: 0
-  indentation: 0
-  nesting-depth: 0
-  property-sort-order: 0
-  quotes: 0

.stylelintrc.json

@@ -0,0 +1,14 @@
+{
+  "extends": "stylelint-config-recommended-scss",
+  "ignoreFiles": [ "app/styles/reset.scss" ],
+  "rules": {
+    "no-descending-specificity": null,
+    "declaration-block-no-duplicate-properties": null,
+    "no-duplicate-selectors": null,
+    "font-family-no-missing-generic-family-keyword": null,
+    "property-no-unknown": null,
+    "function-calc-no-unspaced-operator": null,
+    "scss/at-rule-no-unknown": null,
+    "declaration-block-no-shorthand-property-overrides": null
+  }
+}

package.json

@@ -22,7 +22,7 @@
     "test": "${npm_execpath} run test:lint && ${npm_execpath} run test:jest",
     "test:lint": "${npm_execpath} run test:lint:js && ${npm_execpath} run test:lint:sass",
     "test:lint:js": "npx eslint --ext=js . --cache",
-    "test:lint:sass": "npx sass-lint -v",
+    "test:lint:sass": "npx stylelint app/styles/**.scss app/styles/**/*.scss",
     "test:jest": "npx jest --coverage"
   },
   "license": "AGPL-3.0-or-later",
@@ -150,7 +150,9 @@
     "react-intl-translations-manager": "^5.0.3",
     "react-test-renderer": "^16.13.1",
     "redux-mock-store": "^1.5.4",
-    "sass-lint": "^1.13.1",
+    "stylelint": "^13.7.2",
+    "stylelint-config-recommended-scss": "^4.2.0",
+    "stylelint-scss": "^3.18.0",
     "webpack-dev-server": "^3.5.1",
     "yargs": "^16.0.3"
   }