const stylelintConfig = {
  extends: [
    'stylelint-config-standard',
    'stylelint-config-clean-order',
    'stylelint-config-html',
  ],
  rules: {
    'declaration-block-no-redundant-longhand-properties': null,
    'declaration-property-value-no-unknown': [
      true,
      {
        ignoreProperties: {
          top: [/^anchor\(/],
          left: [/^anchor\(/],
          right: [/^anchor\(/],
          bottom: [/^anchor\(/],
          inset: [/^anchor\(/],
        },
      },
    ],
    'no-descending-specificity': null,
    'selector-class-pattern': null,
    'custom-property-pattern': null,
    'custom-property-no-missing-var-function': [
      true,
      {
        ignore: [
          '--font-iosevka-mono',
          '--font-geist-sans',
          '--font-iosevka-slab',
          '--font-blaka',
        ],
      },
    ],
    'at-rule-no-unknown': [
      true,
      {
        ignoreAtRules: ['custom-media', 'define-mixin', 'mixin'],
      },
    ],
    'function-no-unknown': [
      true,
      {
        ignoreFunctions: ['/^\\$[a-zA-Z][\\w-]*$/'],
      },
    ],
    'value-keyword-case': [
      'lower',
      {
        ignoreKeywords: ['/^\\$[a-zA-Z][\\w-]*$/'],
      },
    ],
  },
};

export default stylelintConfig;