recollect/stylelint.config.js at dev · timelessco/recollect · 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
/** @type {import('stylelint').Config} */
export default {
  allowEmptyInput: true,
  extends: ["stylelint-config-standard", "stylelint-config-clean-order"],
  reportInvalidScopeDisables: true,
  reportNeedlessDisables: true,

  // Add your own rules here
  rules: {
    // Add your own rules here
    // tailwindcss
    "at-rule-no-unknown": [
      true,
      {
        ignoreAtRules: [
          "tailwind",
          "config",
          "plugin",
          "layer",
          "theme",
          "source",
          "utility",
          "variant",
          "custom-variant",
          "apply",
          "reference",
        ],
      },
    ],

    // For Tailwind CSS
    "import-notation": "string",

    /**
     * selector class pattern must match [BEM CSS](https://en.bem.info/methodology/css) - [Regex](https://regexr.com/3apms)
     */
    // "selector-class-pattern": [
    // 	"^[a-z]([-]?[a-z0-9]+)*(__[a-z0-9]([-]?[a-z0-9]+)*)?(--[a-z0-9]([-]?[a-z0-9]+)*)?$",
    // 	{
    // 		/**
    // 		 * This option will resolve nested selectors with & interpolation. - https://stylelint.io/user-guide/rules/selector-class-pattern/#resolvenestedselectors-true--false-default-false
    // 		 */
    // 		resolveNestedSelectors: true,
    // 		/* Custom message */
    // 		message: (selectorValue) =>
    // 			`Expected class selector "${selectorValue}" to match BEM CSS pattern https://en.bem.info/methodology/css. Selector validation tool: https://regexr.com/3apms`,
    // 	},
    // ],
    // "selector-id-pattern": [
    // 	"^[a-z]([a-z0-9-])(__([a-z0-9]+-?)+)?(--([a-z0-9]+-?)+){0,2}$|^__[a-z]([a-z0-9-]+)$",
    // 	{
    // 		/* Custom message */
    // 		message: (selectorValue) =>
    // 			`Expected id selector "${selectorValue}" to match BEM CSS pattern https://en.bem.info/methodology/css. Selector validation tool: https://regexr.com/3apms`,
    // 	},
    // ],
    "selector-class-pattern": null,
  },
};