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

hue-degree-notation

色相の角度の表記に、数値または角度の表記を指定します。

    a { color: hsl(198deg 28% 50%) }
/** ↑
* This notation */

色相は度数で与えられることが非常に多いため、色相は数値として与えることもでき、それは度数として解釈されます。

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

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

オプション

string: "angle"|"number"

"angle"

角度の色相は常に角度表記を使用する必要があります。

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

a { color: hsl(198 28% 50%) }
a { color: lch(56.29% 19.86 10 / 15%) }

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

a { color: hsl(198deg 28% 50%) }
a { color: lch(56.29% 19.86 10deg / 15%) }

"number"

角度の色相は常に数値表記を使用する必要があります。

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

a { color: hsl(198deg 28% 50%) }
a { color: lch(56.29% 19.86 10deg / 15%) }

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

a { color: hsl(198 28% 50%) }
a { color: lch(56.29% 19.86 10 / 15%) }