unit-case.md

Pattern: Inconsistent unit case

Issue: -

Description

Specify lowercase or uppercase for units.

Examples

"lower"

The following patterns are considered violations:

a {
  width: 10PX;
}

a {
  width: 10Px;
}

a {
  width: 10pX;
}

a {
  width: 10PIXEL;
}

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

The following patterns are not considered violations:

a {
  width: 10px;
}

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

"upper"

The following patterns are considered violations:

a {
  width: 10px;
}

a {
  width: 10Px;
}

a {
  width: 10pX;
}

a {
  width: 10pixel;
}

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

The following patterns are not considered violations:

a {
  width: 10PX;
}

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

Further Reading

• stylelint - unit-case