Функције у LESS

У овој лекцији ћемо размотрити како да користимо функције. Функције су нечим сличне миксинима, али омогућавају додавање параметара који могу да мењају своје вредности.

Ови параметри се прослеђују у заградама функције. Погледајмо на примеру.

Направимо функцију fs која ће постављати величину фонта. Нека се величина проследи као параметар. Као параметар ће деловати променљива чије име смишљамо при декларацији функције:

styles.less.fs(@size) {
  // овде ће бити код функције
}

Одредимо унутар функције где треба да се убаци вредност нашег параметра:

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

Позовимо нашу функцију, проследивши јој као параметар жељену величину елемента:

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

Као резултат, након компајлирања величина фонта параграфа ће постати једнака наведеној вредности:

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