Skip to main content

unit-no-unknown

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.

Options#

true#

The following patterns are considered problems:

a {  width: 10pixels;}
a {  width: calc(10px + 10pixels);}

The following patterns are not considered problems:

a {  width: 10px;}
a {  width: 10Px;}
a {  width: 10pX;}
a {  width: calc(10px + 10px);}

Optional secondary options#

ignoreUnits: ["/regex/", /regex/, "string"]#

Given:

["/^my-/", "custom"]

The following patterns are not considered problems:

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 problems:

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  );}