Fixed deprecated stylelint rules

Author: squidfunk

.stylelintrc

@@ -2,7 +2,8 @@
   "extends": [
     "stylelint-config-recess-order",
     "stylelint-config-recommended",
-    "stylelint-config-standard-scss"
+    "stylelint-config-standard-scss",
+    "stylelint-stylistic/config"
   ],
   "plugins": [
     "stylelint-scss"
@@ -32,16 +33,6 @@
       }
     ],
     "at-rule-no-unknown": null,
-    "block-closing-brace-newline-after": [
-      "always",
-      {
-        "ignoreAtRules": [
-          "if",
-          "else",
-          "elseif"
-        ]
-      }
-    ],
     "color-function-notation": null,
     "color-hex-length": "long",
     "color-named": "never",
@@ -58,25 +49,23 @@
     "declaration-colon-space-after": null,
     "declaration-no-important": true,
     "declaration-block-single-line-max-declarations": 0,
+    "font-family-name-quotes": "always-where-recommended",
+    "font-weight-notation": "numeric",
     "function-calc-no-unspaced-operator": null,
     "function-no-unknown": null,
     "function-url-no-scheme-relative": true,
     "function-url-quotes": "always",
-    "font-family-name-quotes": "always-where-recommended",
-    "font-weight-notation": "numeric",
     "hue-degree-notation": "number",
     "length-zero-no-unit": [
       true,
       {
         "ignore": ["custom-properties"]
       }
     ],
-    "linebreaks": "unix",
     "media-feature-name-no-unknown": null,
     "media-feature-range-notation": null,
     "media-query-no-invalid": null,
     "no-descending-specificity": null,
-    "no-empty-first-line": true,
     "no-unknown-animations": true,
     "property-no-unknown": null,
     "property-no-vendor-prefix": [
@@ -92,13 +81,10 @@
     "selector-combinator-space-before": null,
     "selector-descendant-combinator-no-non-space": null,
     "selector-id-pattern": null,
-    "selector-max-empty-lines": 0,
     "selector-max-id": 0,
     "selector-no-qualifying-type": null,
     "selector-pseudo-class-no-unknown": null,
     "selector-pseudo-element-no-unknown": null,
-    "string-quotes": "double",
-    "unicode-bom": "never",
     "unit-allowed-list": [
       "%",
       "ch",
@@ -160,6 +146,23 @@
     "scss/operator-no-unspaced": true,
     "scss/partial-no-import": true,
     "scss/percent-placeholder-pattern": "^[a-z][a-z0-9]*(-[a-z0-9]+)*$",
-    "scss/selector-no-redundant-nesting-selector": true
+    "scss/selector-no-redundant-nesting-selector": true,
+    "stylistic/block-closing-brace-newline-after": [
+      "always",
+      {
+        "ignoreAtRules": [
+          "if",
+          "else",
+          "elseif"
+        ]
+      }
+    ],
+    "stylistic/declaration-colon-space-after": null,
+    "stylistic/no-empty-first-line": true,
+    "stylistic/linebreaks": "unix",
+    "stylistic/selector-max-empty-lines": 0,
+    "stylistic/string-quotes": "double",
+    "stylistic/unicode-bom": "never",
+    "stylistic/value-list-comma-newline-after": null
   }
 }

package-lock.json

@@ -92,6 +92,7 @@
     "stylelint-config-recommended": "^13.0.0",
     "stylelint-config-standard-scss": "^11.0.0",
     "stylelint-scss": "^5.2.1",
+    "stylelint-stylistic": "^0.4.3",
     "svgo": "3.0.0",
     "tiny-glob": "^0.2.9",
     "ts-node": "^10.9.1",

package.json

@@ -95,7 +95,7 @@
 
   // Badge
   .mdx-badge {
-    font-size: .85em;
+    font-size: 0.85em;
 
     // Badge with heart
     &--heart {
@@ -112,7 +112,7 @@
     // Badge moved to the right
     &--right {
       float: right;
-      margin-left: .35em;
+      margin-left: 0.35em;
     }
 
     // Badge icon

src/overrides/assets/stylesheets/custom/_typeset.scss

@@ -79,7 +79,7 @@
         flex-shrink: 0;
 
         // Hide footer title
-         .md-footer__title {
+        .md-footer__title {
           display: none;
         }
       }

src/templates/assets/stylesheets/main/components/_footer.scss

@@ -370,7 +370,7 @@
       }
 
       // Show buttons when search is active and input non-empty
-      [data-md-toggle="search"]:checked ~ .md-header
+      [data-md-toggle="search"]:checked ~ .md-header // stylelint-disable-line
       .md-search__input:valid ~ & {
         pointer-events: initial;
         opacity: 1;

src/templates/assets/stylesheets/main/components/_search.scss

@@ -86,7 +86,7 @@
 
     // Footer color shades
     --md-footer-bg-color:              hsla(var(--md-hue), 15%, 10%, 0.87);
-    --md-footer-bg-color--dark:        hsla(var(--md-hue), 15%,  8%, 1);
+    --md-footer-bg-color--dark:        hsla(var(--md-hue), 15%, 8%, 1);
 
     // Shadow depth 1
     --md-shadow-z1: