unit-case.md

Pattern: Malformed unit case

Issue: -

Description

Specify lowercase or uppercase for units.

    a { width: 10px; }
/**              ↑
 *     These units */

Examples

string: "lower"|"upper"

"lower"

The following patterns are considered problems:

a {
  width: 10PX;
}

a {
  width: 10Px;
}

a {
  width: 10pX;
}

a {
  width: 10PIXEL;
}

a {
  width: calc(10PX * 2);
}

The following patterns are not considered problems:

a {
  width: 10px;
}

a {
  width: calc(10px * 2);
}

"upper"

The following patterns are considered problems:

a {
  width: 10px;
}

a {
  width: 10Px;
}

a {
  width: 10pX;
}

a {
  width: 10pixel;
}

a {
  width: calc(10px * 2);
}

The following patterns are not considered problems:

a {
  width: 10PX;
}

a {
  width: calc(10PX * 2);
}

Further Reading

• stylelint - unit-case