Files
react-native-devtools-frontend/node_modules/stylelint/lib/rules/selector-class-pattern
Mathias Bynens 79e2cf0633 Add stylelint dependency
This also adds CC-BY-4.0 to the list of accepted licenses.

DISABLE_THIRD_PARTY_CHECK=update dependencies

Bug: chromium:1083142
Change-Id: I8612de2fba52dae32eeb71af79d5aacfde52142b
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2220097
Reviewed-by: Paul Lewis <aerotwist@chromium.org>
Commit-Queue: Mathias Bynens <mathias@chromium.org>
2020-06-11 06:20:04 +00:00
..
2020-06-11 06:20:04 +00:00
2020-06-11 06:20:04 +00:00

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" */
}