Тағйирёбандаҳо дар SASS

Забони SASS имкон медиҳад, ки аз тағйирёбандаҳо истифода барад. Тағйирёбандаҳо контейнерҳое мебошанд, ки шумо метавонед баъзе маълумотҳоро дар онҳо нигоҳ дошта ва дар ҷойҳои зарурии код истифода баред.

Барои эҷоди тағйирёбанда, ба шумо лозим аст, ки номи онро дучор кунед ва пеш аз он аломати $ гузоред. Пас аз номи тағйирёбанда аломати дунуқта гузошта ва арзиши ин тағйирёбандаро муайян мекунем. Биёед барои мисол тағйирёбандае бо номи var созем:

$var: 20px;

Акнун биёед ин тағйирёбандаро ба унвони арзиши хусусияти зерин истифода кунем:

p {
	font-size: $var;
}

Дар натиҷа баъди комплятсия ба CSS ба ҷои тағйирёбандаи мо арзиши он гузошта мешавад:

p {
	font-size: 20px;
}

Ба мо нақл кунед, ки натиҷаи комплятсияи коди зерин чӣ хоҳад буд:

$color: #000;

p {
	color: $color;
}