Disallow unknown properties.
a { heigth: 100%; } /** ↑ * This property */
This rule considers properties defined in the CSS Specifications and browser specific properties to be known.
This rule ignores:
$sass
, @less
, --custom-property
)-moz-align-self
, -webkit-align-self
)Use option checkPrefixed
described below to turn on checking of vendor-prefixed properties.
true
The following patterns are considered violations:
a { colr: blue; }
a { my-property: 1; }
The following patterns are not considered violations:
a { color: green; }
a { fill: black; }
a { -moz-align-self: center; }
a { -webkit-align-self: center; }
a { align-self: center; }
ignoreProperties: ["/regex/", /regex/, "string"]
Given:
["/^my-/", "custom"]
The following patterns are not considered violations:
a { my-property: 10px; }
a { my-other-property: 10px; }
a { custom: 10px; }
checkPrefixed: true | false
(default: false
)If true
, this rule will check vendor-prefixed properties.
For example with true
:
The following patterns are not considered violations:
a { -webkit-overflow-scrolling: auto; }
a { -moz-box-flex: 0; }
The following patterns are considered violations:
a { -moz-align-self: center; }
a { -moz-overflow-scrolling: center; }