- Updates stylelint to 13.8.0 - Updates ESLint to 7.14.0 - Updates @typescript-eslint to 4.9.0 DISABLE_THIRD_PARTY_CHECK=NPM update R=jacktfranklin@chromium.org Change-Id: I207e204607ede782710e042c17d6510c7f696905 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2566806 Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
1.6 KiB
selector-class-pattern
Specify a pattern for class selectors.
.foo, #bar.baz span, #hoo[disabled] { color: pink; }
/** ↑ ↑
* These class selectors */
This rule ignores non-outputting Less mixin definitions and called Less mixins.
Escaped selectors (e.g. .u-size-11\/12\@sm) are parsed as escaped twice (e.g. .u-size-11\\/12\\@sm). Your RegExp should account for that.
Options
regex|string
A string will be translated into a RegExp like so new RegExp(yourString) — so be sure to escape properly.
The selector value after . will be checked. No need to include . in your pattern.
Given the string:
"foo-[a-z]+";
The following patterns are considered violations:
.foop {}
.foo-BAR {}
div > #zing + .foo-BAR {}
The following patterns are not considered violations:
.foo-bar {}
div > #zing + .foo-bar {}
#foop {}
[foo='bar'] {}
Optional secondary options
resolveNestedSelectors: true | false (default: false)
This option will resolve nested selectors with & interpolation.
For example, with true.
Given the string:
"^[A-Z]+$"
The following patterns are considered violations:
.A {
&__B {} /* resolved to ".A__B" */
}
The following patterns are not considered violations:
.A {
&B {} /* resolved to ".AB" */
}