alpha-value-notation
Specify percentage or number notation for alpha-values.
a { color: rgb(0 0 0 / 0.5) }/** ↑ * This notation */The fix option can automatically fix all of the problems reported by this rule.
Options#
string: "number"|"percentage"
"number"#
Alpha-values must always use the number notation.
The following patterns are considered problems:
a { opacity: 50% }a { color: rgb(0 0 0 / 50%) }The following patterns are not considered problems:
a { opacity: 0.5 }a { color: rgb(0 0 0 / 0.5) }"percentage"#
Alpha-values must always use percentage notation.
The following patterns are considered problems:
a { opacity: 0.5 }a { color: rgb(0 0 0 / 0.5) }The following patterns are not considered problems:
a { opacity: 50% }a { color: rgb(0 0 0 / 50%) }Optional secondary options#
exceptProperties: ["/regex/", /regex/, "string"]#
Reverse the primary option for matching properties.
For example with "percentage".
Given:
["opacity"]The following patterns are considered problems:
a { opacity: 50% }a { color: rgb(0 0 0 / 0.5) }The following patterns are not considered problems:
a { opacity: 0.5 }a { color: rgb(0 0 0 / 50%) }