Stylelint config + BEM linter

Author: machal

.stylelintrc

@@ -0,0 +1,49 @@
+{
+  "plugins": [
+    "stylelint-selector-bem-pattern"
+  ],
+  "extends": "stylelint-config-standard",
+  "rules": {
+    "at-rule-empty-line-before": null,
+    "at-rule-no-unknown": [
+      true, {
+        "ignoreAtRules": ["if", "else", "mixin", "include", "content", "for"]
+      }
+    ],
+    "block-closing-brace-empty-line-before": null,
+    "block-closing-brace-newline-after": null,
+    "color-hex-case": "lower",
+    "declaration-colon-newline-after": "always-multi-line",
+    "declaration-empty-line-before": "never",
+    "declaration-no-important": null,
+    "font-family-name-quotes": "always-where-recommended",
+    "function-comma-newline-after": null,
+    "function-parentheses-space-inside": null,
+    "function-url-quotes": "never",
+    "max-empty-lines": 2,
+    "max-nesting-depth": 3,
+    "media-feature-name-no-vendor-prefix": true,
+    "no-descending-specificity": null,
+    "no-duplicate-selectors": null,
+    "no-extra-semicolons": true,
+    "number-leading-zero": "never",
+    "property-no-vendor-prefix": true,
+    "rule-empty-line-before": null,
+    "selector-attribute-quotes": "always",
+    "selector-list-comma-newline-after": null,
+    "selector-max-compound-selectors": 3,
+    "selector-max-id": 0,
+    "selector-max-specificity": "0,4,0",
+    "selector-max-universal": 1,
+    "selector-no-vendor-prefix": true,
+    "selector-pseudo-element-colon-notation": "single",
+    "unit-whitelist": [ "px", "em", "rem", "%", "s", "deg" ],
+    "value-no-vendor-prefix": true,
+    "plugin/selector-bem-pattern": {
+      "componentName": "(([a-z0-9]+(?!-$)-?)+)",
+      "componentSelectors": {
+        "initial": "\\.{componentName}(((__|--)(([a-z0-9\\[\\]'=]+(?!-$)-?)+))+)?$"
+      },
+    }
+  }
+}

package-lock.json

@@ -7,15 +7,18 @@
     "grunt": "^1.0.0",
     "grunt-browser-sync": "^2.1.0",
     "grunt-contrib-copy": "^1.0.0",
+    "grunt-contrib-less": "^1.4.1",
     "grunt-contrib-watch": "^1.1.0",
     "grunt-postcss": "^0.9.0",
-    "grunt-contrib-less": "^1.4.1",
     "grunt-stylelint": "^0.9.0",
     "jit-grunt": "^0.10.0",
     "load-grunt-config": "^0.19.2",
     "stylelint": "^9.2.0",
     "stylelint-config-standard": "^18.0.0",
+    "stylelint-selector-bem-pattern": "^2.0.0",
     "time-grunt": "^1.2.1"
   },
-  "browserslist": ["last 2 versions"]
+  "browserslist": [
+    "last 2 versions"
+  ]
 }