Pattern: Use of blacklisted unit
Issue: -
Specify a blacklist of disallowed units.
array|string: ["array", "of", "units"]|"unit"
Given:
["px", "em", "deg"]The following patterns are considered violations:
a { width: 100px; }a { font-size: 10em; }a { transform: rotate(30deg); }The following patterns are not considered violations:
a { font-size: 1.2rem; }a { line-height: 1.2; }a { height: 100vmin; }a { animation: animation-name 5s ease; }Ignore units in the values of declarations with the specified properties.
For example, with ["px", "vmin"].
Given:
{
"px": [ "font-size", "/^border/" ],
"vmin": [ "width" ]
}The following patterns are not considered violations:
a { font-size: 13px; }a { border-bottom-width: 6px; }a { width: 100vmin; }The following patterns are considered violations:
a { line-height: 12px; }a { -moz-border-radius-topright: 40px; }a { height: 100vmin; }