Skip to main content

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: ["array", "of", "unprefixed", /properties/ or "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; }