Променливи в SASS

Езикът SASS позволява използването на променливи. Променливата представлява контейнер, в който може да се съхраняват някакви данни и да се използват на нужните места в кода.

За да създадете променлива, трябва да измислите името ѝ и пред него да поставите знака $. След това след името на променливата поставяме двоеточие и посочваме стойността на тази променлива. Нека за пример направим променлива с име var:

$var: 20px;

Нека сега използваме тази променлива като стойност на свойство:

p {
	font-size: $var;
}

В резултат след компилация в CSS вместо нашата променлива ще се замести нейната стойност:

p {
	font-size: 20px;
}

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

$color: #000;

p {
	color: $color;
}