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

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

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

styles.scss$var: 20px;

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

styles.scssp {
  font-size: $var;
}

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

styles.cssp {
  font-size: 20px;
}

styles.scss$color: #000;

p {
  color: $color;
}