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