.stylelintrc.json

{
  "extends": [
    "stylelint-config-standard",
    "stylelint-config-recess-order",
    "stylelint-config-css-modules",
    "stylelint-config-standard-scss",
    "stylelint-config-standard-vue"
  ],
  "plugins": ["stylelint-color-format", "stylelint-declaration-block-no-ignored-properties"],
  "rules": {
    "color-no-invalid-hex": true,
    "font-family-no-duplicate-names": true,
    "font-family-no-missing-generic-family-keyword": true,
    "function-calc-no-unspaced-operator": true,
    "function-linear-gradient-no-nonstandard-direction": true,
    "string-no-newline": true,
    "unit-no-unknown": true,
    "property-no-unknown": true,
    "keyframe-declaration-no-important": true,
    "declaration-block-no-duplicate-properties": true,
    "declaration-block-no-shorthand-property-overrides": true,
    "block-no-empty": true,
    "selector-pseudo-element-no-unknown": [
      true,
      {
        "ignorePseudoElements": ["v-deep"]
      }
    ],
    "selector-pseudo-class-no-unknown": [true, { "ignorePseudoClasses": ["global", "deep"] }],
    "selector-type-no-unknown": true,
    "media-feature-name-no-unknown": true,
    "at-rule-no-unknown": true,
    "comment-no-empty": true,
    "no-descending-specificity": true,
    "no-duplicate-at-import-rules": true,
    "no-duplicate-selectors": true,
    "no-invalid-double-slash-comments": true,
    "color-named": "never",
    "function-url-no-scheme-relative": true,
    "number-max-precision": 2,
    "time-min-milliseconds": 100,
    "shorthand-property-no-redundant-values": true,
    "property-no-vendor-prefix": true,
    "declaration-block-no-redundant-longhand-properties": true,
    "declaration-block-single-line-max-declarations": 1,
    "selector-no-vendor-prefix": true,
    "media-feature-name-no-vendor-prefix": true,
    "at-rule-no-vendor-prefix": true,
    "max-nesting-depth": 3,
    "no-unknown-animations": true,
    "color-hex-length": "long",
    "font-family-name-quotes": "always-unless-keyword",
    "function-name-case": "lower",
    "function-url-quotes": "always",
    "value-keyword-case": "lower",
    "declaration-empty-line-before": "never",
    "selector-attribute-quotes": "always",
    "selector-pseudo-element-colon-notation": "double",
    "selector-type-case": "lower",
    "comment-empty-line-before": ["always", { "except": ["first-nested"] }],
    "comment-whitespace-inside": "always",
    "color-format/format": {
      "format": "hsl"
    },
    "plugin/declaration-block-no-ignored-properties": true,
    "declaration-property-value-no-unknown": [
      true,
      { "ignoreProperties": { "/.+/": ["/^v-bind\\(\\s*[^)]*\\s*\\)$/"] } }
    ]
  }
}