SASS даги ўзгарувчилар

SASS тили ўзгарувчилардан фойдаланишга имкон беради. Ўзгарувчилар маълумотларни сақлаш мумкин бўлган контейнерлар бўлиб, уларни коднинг керакли жойларида ишлатиш мумкин.

Ўзгарувчи яратиш учун унинг номини тўпириб, ундан олдин $ белгисини қўйиш керак. Сўнг ўзгарувчи номидан кейин қос нуқта қўйиб, ўшан ўзгарувчининг қийматини кўрсатамиз. Келтирилган мисол учун var номли ўзгарувчи яратайлик:

$var: 20px;

Энди бу ўзгарувчини хоссанинг қиймати сифатида ишлатайлик:

p {
	font-size: $var;
}

Натижада компиляциядан кейин CSS да бизнинг ўзгарувчи ўрнига унинг қиймати қўйилади:

p {
	font-size: 20px;
}

Куйидаги кодни компиляция қилиш натижаси қандай бўлишини айтинг:

$color: #000;

p {
	color: $color;
}