ditherandetch/stylelint.config.js at main · jarettrude/ditherandetch · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
/** @type {import('stylelint').Config} */
export default {
  extends: ['stylelint-config-standard'],

  rules: {
    // Modern CSS practices for 2026
    'alpha-value-notation': 'number',
    'color-function-notation': 'modern',
    'custom-property-empty-line-before': null,
    'declaration-empty-line-before': null,
    'function-no-unknown': [
      true,
      {
        ignoreFunctions: ['theme', 'calc', 'min', 'max', 'clamp', 'var'],
      },
    ],
    'keyframes-name-pattern': '^[a-z][a-zA-Z0-9-]+$',
    'property-no-vendor-prefix': true,
    'rule-empty-line-before': [
      'always',
      {
        except: ['first-nested'],
        ignore: ['after-comment'],
      },
    ],
    'selector-class-pattern': '^[a-z][a-zA-Z0-9-]+$',
    'selector-not-notation': 'simple',
    'selector-pseudo-class-no-unknown': [
      true,
      {
        ignorePseudoClasses: ['global', 'export', 'import'],
      },
    ],
    'selector-pseudo-element-colon-notation': 'double',
    'shorthand-property-no-redundant-values': true,
    'value-no-vendor-prefix': true,

    // 2026 enhanced rules
    'import-notation': 'string',
    'declaration-property-unit-disallowed-list': null,
    'length-zero-no-unit': null,

    // Tailwind CSS v4 specific - allow Tailwind patterns and functions
    'at-rule-no-unknown': [
      true,
      {
        ignoreAtRules: [
          'apply',
          'layer',
          'config',
          'utility',
          'variant',
          'custom-variant',
          'source',
          'tailwind',
          'theme',
          'extend',
          'import',
          'reference',
          'forward',
        ],
      },
    ],
    'property-no-unknown': [
      true,
      {
        ignoreProperties: ['--spacing', '--alpha', '--color', '--font'],
      },
    ],
  },

  overrides: [
    // Astro files with CSS
    {
      files: ['**/*.astro'],
      customSyntax: 'postcss-html',
    },
    // Svelte files with CSS
    {
      files: ['**/*.svelte'],
      customSyntax: 'postcss-html',
    },
  ],

  ignoreFiles: [
    'dist/**',
    'node_modules/**',
    '.astro/**',
    'build/**',
    'public/**',
  ],
};