Функции во LESS

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

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

Ајде да направиме функција fs, која ќе го постави големината на фонтот. Нека големината се пренесува како параметар. Како параметар ќе дејствува променлива, чие име го измислуваме при декларирање на функцијата:

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

Ајде да назначиме внатре во функцијата, каде треба да се вметне вредноста на нашиот параметар:

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

Да ја повикаме нашата функција, пренесувајќи и ја како параметар саканата големина на елементот:

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

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

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