02/15 - What are SCSS variables? How to use it?

// creating scss variables
$text-color: rgb(223, 0, 0);
$bg-color: silver;
$hover-text-color: rgb(255, 255, 255);

.container{
    background-color: $bg-color; // This is how you can use it.
}
// You can also store this kind of tings.
// strings, numbers, colors, booleans, lists, nulls

SCSS variables are nothing but a sample of code.

  1. SCSS variable always starts with " $ "

  2. Use the variable as it is including the $ symbol. That's it.