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

Јазикот SASS овозможува употреба на променливи. Променливата претставува контејнер, во кој може да се чуваат некои податоци и да се користат на потребните места во кодот.

За да креирате променлива, треба да смислите нејзино име и пред него да го ставите знакот $. Потоа после името на променливата ставаме две точки и ја одредуваме вредноста на таа променлива. Ајде за пример да направиме променлива со име var:

$var: 20px;

Ајде сега да ја искористиме оваа променлива како вредност на својство:

p {
	font-size: $var;
}

Како резултат после компајлирањето во CSS, наместо нашата променлива ќе се замени нејзината вредност:

p {
	font-size: 20px;
}

Објаснете, каков ќе биде резултатот од компајлирањето на следниот код:

$color: #000;

p {
	color: $color;
}