Revision history [back]

Yes, SCSS variables can be inherited. When a parent element defines a variable, all of its child elements can use that variable without having to redefine it.

For example, if you define a color variable like this:

$primary-color: #375a7f;

And then you create a button style that uses that variable:

.button { background-color: $primary-color; }

Any child element of .button will also be able to use $primary-color without having to redefine it.