.stylelintrc for Vue Project

.stylelintrc.yml

extends:
  - 'stylelint-config-recess-order'
overrides:
  - files:
      - '*.css'
      - '**/*.css'
    extends:
        - 'stylelint-config-recommended'
  - files:
      - '*.scss'
      - '**/*.scss'
    extends:
      - 'stylelint-config-recommended'
      - 'stylelint-config-recommended-scss'
      - 'stylelint-config-sass-guidelines'
    rules:
      scss/percent-placeholder-pattern: '^_[a-z]+([a-z0-9-_]+[a-z0-9]+)?$'
      scss/at-function-pattern: '^[a-z]+(-[a-z]+)*$'
  - files:
      - '*.vue'
      - '**/*.vue'
    extends:
      - 'stylelint-config-recommended'
      - 'stylelint-config-recommended-scss'
      - 'stylelint-config-sass-guidelines'
      - 'stylelint-config-recommended-vue'
    rules:
      scss/percent-placeholder-pattern: '^_[a-z]+([a-z0-9-_]+[a-z0-9]+)?$'
      scss/at-function-pattern: '^[a-z]+(-[a-z]+)*$'
rules:
  max-nesting-depth: 5
  selector-max-compound-selectors: 5
  selector-pseudo-element-no-unknown: true
  selector-pseudo-element-colon-notation: 'double'
  at-rule-no-unknown:
    - true
    - ignoreAtRules:
        - 'function'
        - 'return'
        - 'if'
        - 'else'
        - 'each'
        - 'mixin'
        - 'include'
        - 'import'
        - 'extend'
        - 'use'
        - 'forward'
        - 'for'
  declaration-empty-line-before:
    - always
    - except:
        - after-comment
        - after-declaration
        - first-nested
  no-descending-specificity: null
  order/properties-alphabetical-order: null
  function-no-unknown: null
  selector-class-pattern:
    - ""
    - resolveNestedSelectors: true