Skip to main content

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.

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