What are variables in Sass, how do you use them and what is the advantage of using variables?

Variables can be used as placeholders for values. You can then use the variable on multiple places in you Sass file and if you later want to change the value of the variable, you can do it just on one place and the value will then automatically propagate to all the other places where your variable is used.

Variables are declared like this:

$errorColor: red;

.alert-box.error {
  color: $errorColor;
}

.button.error {
  background-color: $errorColor;
}

.alert-box.error {
  color: red;
}

.button.error {
  background-color: red;
}