Переменные по умолчанию в SASS

В некоторых случаях, если значение переменнойпока не определено, но ее нужно использовать в коде, мы можем задать ей значение по умолчанию, после которого ставим метку !default.

Необходимо отметить, что если переменной уже было присвоено значение раньше, то оно останется прежним, но вот если мы создали новую пустую переменную, то для нее будет указано значение по умолчанию.

$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;

#main {
	name: $name;
	new_name: $new_name;
}

Результат компиляции приведенного кода будет следующим:

#main {
	name: "John";
	new_name: "Mark";
}

Если же мы поставили переменной значение null, !default рассмотрит ее как не имеющую значения:

$name: null;
$name: "Bob" !default;

#main {
	name: $name;
}

После компиляции мы увидим:

#main {
	name: "Bob"; 
}