Files
react-native-devtools-frontend/node_modules/stylelint/lib/rules/alpha-value-notation
Tim van der Lippe cc71b28ac4 Update stylelint to 13.10.0
DISABLE_THIRD_PARTY_CHECK=NPM update
R=jacktfranklin@chromium.org

Bug: none
Change-Id: I41b7006f336b9465677cc7434abd70a732c58221
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2692907
Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
2021-02-15 14:11:00 +00:00
..
2021-02-15 14:11:00 +00:00
2020-06-11 06:20:04 +00:00

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%) }