.stylelintrc

.stylelintrc.json

{
  "plugins": [
    "stylelint-selector-bem-pattern"
  ],
  "extends": [
    "stylelint-config-standard",
    "stylelint-config-visionapps-order"
  ],
  "rules": {
    "at-rule-empty-line-before": null,
    "at-rule-name-space-after": null,
    "at-rule-no-unknown": null,
    "color-hex-case": "lower",
    "declaration-colon-newline-after": null,
    "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": 1,
    "max-nesting-depth": 2,
    "media-feature-name-no-vendor-prefix": true,
    "no-descending-specificity": null,
    "no-duplicate-selectors": null,
    "no-eol-whitespace": null,
    "no-extra-semicolons": true,
    "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,3,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\\[\\]'=]+(?!-$)-?)+))+)?$"
      }
    }
  }
}