This repository has been archived on 2020-11-02. You can view files and clone it, but cannot push or open issues or pull requests.
2020-11-01 22:46:04 +00:00

1.8 KiB

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 violations:

a { opacity: 50% }
a { color: rgb(0 0 0 / 50%) }

The following patterns are not considered violations:

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 violations:

a { opacity: 0.5 }
a { color: rgb(0 0 0 / 0.5) }

The following patterns are not considered violations:

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 violations:

a { opacity: 50% }
a { color: rgb(0 0 0 / 0.5) }

The following patterns are not considered violations:

a { opacity: 0.5 }
a { color: rgb(0 0 0 / 50%) }