Specify number or angle notation for degree hues.
a { color: hsl(198deg 28% 50%) }
/** ↑
* This notation */
Because hues are so often given in degrees, a hue can also be given as a number, which is interpreted as a number of degrees.
The fix
option can automatically fix all of the problems reported by this rule.
string
: "angle"|"number"
"angle"
Degree hues must always use angle notation.
The following patterns are considered violations:
a { color: hsl(198 28% 50%) }
a { color: lch(56.29% 19.86 10 / 15%) }
The following patterns are not considered violations:
a { color: hsl(198deg 28% 50%) }
a { color: lch(56.29% 19.86 10deg / 15%) }
"number"
Degree hues must always use the number notation.
The following patterns are considered violations:
a { color: hsl(198deg 28% 50%) }
a { color: lch(56.29% 19.86 10deg / 15%) }
The following patterns are not considered violations:
a { color: hsl(198 28% 50%) }
a { color: lch(56.29% 19.86 10 / 15%) }