873 B
873 B
Using regex in rules
The following classes of rules support regex:
*-allowed-list
*-disallowed-list
*-pattern
As does the ignore*
secondary options.
Enforce a case
You can use the regex that corresponds to your chosen case convention:
- kebab-case:
^([a-z][a-z0-9]*)(-[a-z0-9]+)*$
- lowerCamelCase:
^[a-z][a-zA-Z0-9]+$
- snake_case:
^([a-z][a-z0-9]*)(_[a-z0-9]+)*$
- UpperCamelCase:
^[A-Z][a-zA-Z0-9]+$
For example, for lowerCamelCase class selectors use
"selector-class-pattern": "^[a-z][a-zA-Z0-9]+$"
.
All these patterns disallow CSS identifiers that start with a digit, two hyphens, or a hyphen followed by a digit.
Enforce a prefix
You can ensure a prefix by using a negative lookahead regex.
For example, to ensure all custom properties begin with
my-
use
"custom-property-pattern": "^(?!my-)"
.