.stylelintrc.js

module.exports = {
  customSyntax: 'postcss-html',
  extends: [
    'stylelint-config-standard-scss',
    'stylelint-config-recess-order',
    'stylelint-config-prettier'
  ],
  plugins: [],
  ignoreFiles: ['**/node_modules/**', '**/.nuxt/**', '**/dist/**'],
  // overrides: [
  //   {
  //     files: ['**/*.vue'],
  //     customSyntax: 'postcss-html'
  //   }
  // ],
  rules: {
    'at-rule-no-unknown': [
      true,
      { ignoreAtRules: ['include', 'mixin', 'each', 'media'] }
    ],
    'scss/at-rule-no-unknown': [
      true,
      { ignoreAtRules: ['include', 'mixin', 'each', 'media'] }
    ],
    'scss/comment-no-empty': null,
    'scss/double-slash-comment-whitespace-inside': null,
    'scss/no-global-function-names': null,
    'order/properties-order': null,
    'string-quotes': 'single',
    'alpha-value-notation': null,
    'block-no-empty': null,
    'number-leading-zero': null,
    'color-hex-length': 'short',
    'color-no-invalid-hex': true,
    indentation: 2,
    'length-zero-no-unit': true,
    'media-feature-name-no-vendor-prefix': true,
    'shorthand-property-no-redundant-values': true,
    'no-invalid-position-at-import-rule': null,
    'no-irregular-whitespace': null,
    'selector-class-pattern': null,
    'property-no-unknown': null,
    'no-descending-specificity': null,
    'value-no-vendor-prefix': null,
    // prettierのインラインスタイルの末尾のコロンを削除するとコンフリクトしないための設定
    'declaration-block-trailing-semicolon': null,
    // ::v-deepエラー回避
    'selector-pseudo-class-no-unknown': null,
    'selector-pseudo-element-no-unknown': null
  }
}