Пераменныя ў SASS

Мова SASS дазваляе выкарыстоўваць пераменныя. Пераменная ўяўляюць сабой кантэйнер, у якім можна захоўваць якія-небудзь даныя і выкарыстоўваць іх у патрэбных месцах кода.

Каб стварыць пераменную, трэба прыдумаць яе імя і перад ім паставіць знак $. Затым пасля імя пераменнай ставім двукроп'е і паказваем значэнне гэтай пераменнай. Давайце для прыкладу зробім пераменную з імем var:

$var: 20px;

Давайце цяпер выкарыстаем гэтую пераменную ў якасці значэння ўласцівасці:

p {
	font-size: $var;
}

У выніку пасля кампіляцыі ў CSS замест нашай пераменнай падставіцца яе значэнне:

p {
	font-size: 20px;
}

Раскажыце, які будзе вынік кампіляцыі наступнага кода:

$color: #000;

p {
	color: $color;
}