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

#Optional secondary options

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

Given:

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

The following patterns are not considered violations:

a {
  width: 10custom;
}
a {
  width: 10my-unit;
}
a {
  width: 10my-other-unit;
}

#ignoreFunctions: ["/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
  );
}