README.md

root-no-standard-properties

Disallow standard properties inside :root rules. This is treated as a global namespace which means setting a property like color in more than one component would cause collisions.

    :root { color: #333 }
/** ↑       ↑
 * This selector and these types of standard properties */

This rule ignores $sass and @less variables.

Options

true

The following patterns are considered warnings:

:root { color: pink; }

a, :root { top: 0; }

The following patterns are not considered warnings:

:root { --foo: 0; }

a, :root { --foo: 0; }