no-unknown-custom-properties

不明なカスタムプロパティを禁止します。

a { color: var(--foo); }
/**            ↑
 *             This custom property */

a { color: var(--foo, var(--bar)); }
/**                       ↑
 *                        And this one */

このルールは、同じソース内で定義されたカスタムプロパティを既知と見なします。

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

オプション

true

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

a { color: var(--foo); }

a { color: var(--foo, var(--bar)); }

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

a { --foo: #f00; color: var(--foo); }

a { color: var(--foo, #f00); }

a { --foo: #f00; color: var(--bar, var(--foo)); }

@property --foo { syntax: "<color>"; inherits: false; initial-value: #f00; }
a { color: var(--foo); }