CODEWITHSUNDEEP
regexstylelint
Holly
Holly

Reputation: 7752

Regex for stylelint rule

I'm using stylelint and I need a regex expression for it's max-nesting-depth rule to ignore selectors which begin with both &: and @media

https://stylelint.io/user-guide/rules/max-nesting-depth/

So far I've tried the below without sucess:

"max-nesting-depth": [3, {
  "ignore": ["/^&:/", "/^@media/"]
}]

Upvotes: 2

Views: 807

Answers (1)

jeddy3
jeddy3

Reputation: 3951

The "ignore" secondary option of the max-nesting-depth rule only accepts the "blockless-at-rules" keyword.

Instead, use the "ignoreAtRules" secondary option to ignore media queries:

"max-nesting-depth": [3, {
  "ignoreAtRules": ["media"]
}]

It is not currently possible to ignore nested rules. However, there is an open issue to add this feature. The issue is labelled as "beginner friendly", and would be a good first pull request if you'd like to contribute to stylelint.

Upvotes: 3

Related Questions