Use SCSS Variables for Readable and Maintainable Stylesheets

InstructorAri Picker

Share this video with your friends

Send Tweet

Updating the same color or metric multiple times is no fun. SCSS variables improve maintainability by allowing one name to represent a value that can be used anywhere. SCSS variables also give us the power of creating our own naming conventions to express the intent of specific values. In this lesson we learn how to use SCSS variables to assign user friendly names to colors/metrics so one value change will update that value in all the right places.

kel
~ 7 years ago

I like the teaching style of Ari Picker, hoping to get more courses from this guy soon.

Platon
~ 6 years ago

Is there a way to colorize variables in VSCode?

Like when

$red = rgb(255,0,0);
$foo = $red;

To make foo appear red? Or even $red appear red on second line, like it does with this markdown processor.