LESS даги функциялар

Бущ дарсда биз функциялардан қандай фойдаланишни кўриб чиқамиз. Функциялар, бир қарашда миксларга ўхшайди, лекин улар параметрлар қўшиш имконини беради, уларнинг қийматлари ўзгартирилиши мумкин.

Бу параметрлар функциянинг юмарт қавсларида узгатилади. Мисолда кўрамиз.

Келтинг, fs функциясини ясайлик, у шрифт ўлчамини белгилайди. Ўлчам параметр орқали узгатилсин. Параметр сифатида биз функцияни эълон қилганда ойлаб топган ўзгарувчи номи ишлатилади:

styles.less.fs(@size) {
  // бу ерда функция коди бўлади
}

Келтинг, функция ичида, бизнинг параметрнимизнинг қиймати қаерга joylashши кераклигини кўрсатамиз:

styles.less.fs(@size) {
  font-size: @size;
}

Функциямизни чакирамиз, унга параметр сифатида элементнинг хохланган ўлчамини берамиз:

styles.lessp {
  .fs(20px);
}

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

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