{
  "extends": ["stylelint-config-standard-scss", "stylelint-config-html"],
  "plugins": ["stylelint-declaration-block-no-ignored-properties"],
  "rules": {
    "media-feature-range-notation": "prefix",
    "property-no-vendor-prefix": null,
    "color-function-notation": "legacy",
    "declaration-block-no-redundant-longhand-properties": [
      true,
      {
        "ignoreShorthands": ["inset", "place-content"]
      }
    ],
    "selector-pseudo-class-no-unknown": [
      true,
      {
        "ignorePseudoClasses": ["global", "deep", "slotted"]
      }
    ],
    "at-rule-no-unknown": null,
    "scss/at-rule-no-unknown": [
      true,
      {
        "ignoreAtRules": ["use", "forward"]
      }
    ],
    "font-family-no-missing-generic-family-keyword": null,
    "no-descending-specificity": null,
    "plugin/declaration-block-no-ignored-properties": true,
    "selector-class-pattern": [
      "^[a-z][a-z0-9]*(?:-[a-z0-9]+)*(?:__[a-z0-9]+(?:-[a-z0-9]+)*)?(?:--[a-z0-9]+(?:-[a-z0-9]+)*)?$",
      {
        "message": "Expected class selector to follow kebab-case BEM (block__element--modifier)"
      }
    ]
  },
  "overrides": [
    {
      "files": ["*.vue", "**/*.vue"],
      "customSyntax": "postcss-html",
      "rules": {
        "selector-pseudo-element-no-unknown": [
          true,
          {
            "ignorePseudoElements": ["v-deep", "v-global", "v-slotted", "deep"]
          }
        ],
        "selector-pseudo-class-no-unknown": [
          true,
          {
            "ignorePseudoClasses": ["deep", "global", "slotted"]
          }
        ]
      }
    }
  ],
  "ignoreFiles": ["**/*.js", "**/*.ts", "node_modules/**", "dist/**", "build/**"]
}