style(stylelint, prettier): update stylelint config (#896)

* style(sass): add prettier config and remove deprecated rules

Author: simeonoff

.prettierrc.json

@@ -2,5 +2,15 @@
   "trailingComma": "es5",
   "tabWidth": 2,
   "singleQuote": true,
-  "arrowParens": "always"
+  "arrowParens": "always",
+  "overrides": [
+    {
+      "files": [
+        "*.scss"
+      ],
+      "options": {
+        "tabWidth": 4
+      }
+    }
+  ]
 }

.stylelintrc.json

@@ -1,67 +1,45 @@
 {
-    "extends": "stylelint-config-standard-scss",
-    "plugins": ["stylelint-scss"],
+    "extends": ["stylelint-config-standard-scss"],
+    "plugins": ["stylelint-scss", "stylelint-prettier"],
     "rules": {
         "at-rule-disallowed-list": ["debug", {
             "severity": "warning"
         }],
-        "block-closing-brace-empty-line-before": "never",
-        "block-closing-brace-newline-after": "always-single-line",
         "block-no-empty": true,
-        "color-hex-case": "lower",
         "color-hex-length": "short",
         "color-no-invalid-hex": true,
         "comment-no-empty": true,
         "custom-property-pattern": "(?:igc-)?.+",
         "declaration-block-no-duplicate-properties": true,
         "declaration-block-no-shorthand-property-overrides": true,
         "declaration-block-single-line-max-declarations": 1,
-        "declaration-colon-space-after": "always-single-line",
         "font-family-no-duplicate-names": true,
         "font-family-no-missing-generic-family-keyword": true,
         "font-weight-notation": "numeric",
         "function-calc-no-unspaced-operator": true,
-        "function-comma-space-after": "always-single-line",
-        "indentation": 4,
         "length-zero-no-unit": true,
         "max-nesting-depth": [3, {
             "severity": "warning"
         }],
         "no-descending-specificity": null,
         "no-duplicate-at-import-rules": true,
         "no-duplicate-selectors": true,
-        "no-extra-semicolons": true,
         "no-invalid-double-slash-comments": true,
-        "no-missing-end-of-source-newline": true,
-        "number-leading-zero": "never",
-        "number-no-trailing-zeros": true,
         "property-no-unknown": true,
         "rule-empty-line-before": ["always-multi-line", {
             "except": ["first-nested"],
             "ignore": ["after-comment"]
         }],
         "selector-attribute-quotes": "always",
-        "selector-attribute-operator-space-after": "never",
-        "selector-attribute-operator-space-before": "never",
-        "selector-combinator-space-after": "always",
-        "selector-combinator-space-before": "always",
-        "selector-descendant-combinator-no-non-space": true,
-        "selector-list-comma-newline-after": "always",
-        "selector-pseudo-class-case": "lower",
         "selector-pseudo-class-no-unknown": true,
-        "selector-pseudo-class-parentheses-space-inside": "never",
-        "selector-pseudo-element-case": "lower",
         "selector-pseudo-element-colon-notation": "double",
         "selector-pseudo-element-no-unknown": true,
         "selector-type-case": "lower",
         "selector-type-no-unknown": [true, {
             "ignore": ["custom-elements"]
         }],
         "shorthand-property-no-redundant-values": true,
-        "string-quotes": "single",
-        "unit-case": "lower",
         "value-keyword-case": "lower",
-        "value-list-comma-space-after": "always-single-line",
         "value-no-vendor-prefix": true,
         "scss/at-mixin-pattern": null,
         "scss/at-function-pattern": null,

package-lock.json

@@ -98,6 +98,7 @@
     "stylelint": "^15.10.3",
     "stylelint-config-standard-scss": "^10.0.0",
     "stylelint-scss": "^5.1.0",
+    "stylelint-prettier": "^4.0.2",
     "ts-lit-plugin": "^1.2.1",
     "tslib": "^2.6.2",
     "typedoc": "^0.23.21",