Disallow unknown units.
a { width: 100pixels; } /** ↑ * These units */
This rule considers units defined in the CSS Specifications, up to and including Editor's Drafts, to be known.
true
The following patterns are considered violations:
a { width: 10pixels; }
a { width: calc(10px + 10pixels); }
The following patterns are not considered violations:
a { width: 10px; }
a { width: 10Px; }
a { width: 10pX; }
a { width: calc(10px + 10px); }
ignoreUnits: ["/regex/", /regex/, "string"]
Given:
["/^my-/", "custom"]
The following patterns are not considered violations:
width: 10custom; a { }
a { width: 10my-unit; }
a { width: 10my-other-unit; }
ignoreFunctions: ["/regex/", /regex/, "string"]
Given:
["image-set", "/^my-/", "/^YOUR-/i"]
The following patterns are not considered violations:
a { background-image: image-set( '/images/some-image-1x.jpg' 1x, '/images/some-image-2x.jpg' 2x, '/images/some-image-3x.jpg' 3x ); }
a { background-image: my-image-set( '/images/some-image-1x.jpg' 1x, '/images/some-image-2x.jpg' 2x, '/images/some-image-3x.jpg' 3x ); }
a { background-image: YoUr-image-set( '/images/some-image-1x.jpg' 1x, '/images/some-image-2x.jpg' 2x, '/images/some-image-3x.jpg' 3x ); }