@soleil-se/stylelint-config/index.js

Stylelint config based on stylelint-config-standard-scss, stylelint-config-recess-order and @stylistic/stylelint-plugin.

export default {
  extends: [
    'stylelint-config-standard-scss',
    'stylelint-config-html',
    'stylelint-config-recess-order',
    './stylistic.js',
  ],
  rules: {
    'declaration-no-important': true,
    'custom-property-empty-line-before': 'never',
    'declaration-block-no-redundant-longhand-properties': [
      true, { ignoreShorthands: ['grid-template'] },
    ],
    'value-no-vendor-prefix': [
      true, { ignoreValues: ['box', 'optimize-contrast'] },
    ],
    'selector-pseudo-class-no-unknown': [
      true, { ignorePseudoClasses: ['global', 'v-deep'] },
    ],
    'selector-pseudo-element-no-unknown': [
      true, { ignorePseudoElements: ['global', 'v-deep'] },
    ],
    'scss/dollar-variable-colon-space-after': 'at-least-one-space',
    '@stylistic/string-quotes': 'single',
    '@stylistic/block-closing-brace-newline-after': [
      'always', { ignoreAtRules: ['if', 'else'] },
    ],
    // Disabled rules
    'no-invalid-position-at-import-rule': null,
    'selector-class-pattern': null,
    'scss/dollar-variable-empty-line-before': null,
    'scss/percent-placeholder-pattern': null,
    'scss/at-import-partial-extension': null,
    'scss/load-partial-extension': null,
    'custom-property-pattern': null,
  },
  overrides: [{
    files: ['*.svelte'],
    rules: {
      '@stylistic/declaration-colon-newline-after': null,
    },
  }],
};