Global vs. Local Variables
CSS variables (Custom Properties) are powerful, but most developers only use them in the :root. Scoping them locally opens up new possibilities.
The Power of Inheritance
By redefining a variable inside a specific class, you can change the theme of an entire component without writing new rules.
Grab our CSS Snippets to see this in action!