メインコンテンツにスキップ

alpha-value-notation

アルファ値の表記にパーセンテージまたは数値表記を指定します。

    a { color: rgb(0 0 0 / 0.5) }
/**                        ↑
 *                         This notation */

fix オプション は、このルールによって報告されたすべての問題を自動的に修正できます。

message セカンダリオプション は、このルールの引数を受け入れることができます。

オプション​

string: "number"|"percentage"

"number"​

アルファ値は常に数値表記を使用する必要があります。

次のパターンは問題とみなされます

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

次のパターンは問題とみなされません

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

"percentage"​

アルファ値は常にパーセンテージ表記を使用する必要があります。

次のパターンは問題とみなされます

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

次のパターンは問題とみなされません

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

オプションのセカンダリオプション​

exceptProperties: ["/regex/", /regex/, "string"]​

一致するプロパティのプライマリオプションを反転します。

たとえば、"percentage"の場合です。

与えられた

["opacity"]

次のパターンは問題とみなされます

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

次のパターンは問題とみなされません

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