property-allowed-list
Specify a list of allowed properties.
a { display: block; }
/** ↑
* This property */
This rule ignores variables ($sass
, @less
, --custom-property
).
Options
array|string|regex
: ["array", "of", /properties/, "regex"]|"property"|"/regex/"|/regex/
If a string is surrounded with "/"
(e.g. "/^background/"
), it is interpreted as a regular expression. This allows, for example, easy targeting of shorthands: /^background/
will match background
, background-size
, background-color
, etc.
Given:
["display", "animation", "/^background/"]
The following patterns are considered problems:
a { color: pink; }
a {
animation: my-animation 2s;
color: pink;
}
a { borkgrund: orange; }
The following patterns are not considered problems:
a { display: block; }
a { -webkit-animation: my-animation 2s; }
a {
animation: my-animation 2s;
-webkit-animation: my-animation 2s;
display: block;
}
a { background: pink; }
a { background-color: pink; }