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

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

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

styles.less@var: 20px;

Келинг энди бу ўзгарувчидан хосса қиймати сифатида fойдаланамиз:

styles.lessp {
  font-size: @var;
}

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

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

styles.less@color: #000;

p {
  color: @color;
}