Files
react-native-devtools-frontend/node_modules/stylelint/lib/rules/alpha-value-notation
Tim van der Lippe efb716af67 Update linter packages
- Updates stylelint to 13.8.0
- Updates ESLint to 7.14.0
- Updates @typescript-eslint to 4.9.0

DISABLE_THIRD_PARTY_CHECK=NPM update
R=jacktfranklin@chromium.org

Change-Id: I207e204607ede782710e042c17d6510c7f696905
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2566806
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
2020-12-01 16:04:40 +00:00
..
2020-12-01 16:04:40 +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%) }