property-allowed-list

Specify a list of allowed properties.

a { color: red; }
/** ↑
 * This property */

This rule ignores preprocessor variables (e.g. $sass, @less).

Options

Array<string>

["array", "of", "properties", "/regex/"]

Given:

{
  "property-allowed-list": [
    "display",
    "/^(-webkit-)?animation/",
    "/^background/",
    "--foo"
  ]
}

The following patterns are considered problems:

a { color: red; }

a {
  animation: my-animation 2s;
  color: red;
}

a { borkgrund: orange; }

a { --bar: red; }

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: red; }

a { background-color: red; }

a { --foo: red; }