custom-property-no-missing-var-function

Disallow missing var function for custom properties.

    :root { --foo: red; }
    a { color: --foo; }
/**            ↑
 *             This custom property */

This rule only reports custom properties that are defined within the same source.

The message secondary option can accept the arguments of this rule.

Options

true

The following patterns are considered problems:

:root { --foo: red; }
a { color: --foo; }

@property --foo {}
a { color: --foo; }

The following patterns are not considered problems:

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

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