Funkcije u LESS

U ovoj lekciji ćemo razmotriti kako da koristimo funkcije. Funkcije su donekle slične mešanju (mixinima), ali omogućavaju dodavanje parametara čije vrednosti se mogu menjati.

Ovi parametri se prosleđuju u okruglim zagradama funkcije. Pogledajmo na primeru.

Hajde da napravimo funkciju fs, koja će postavljati veličinu fonta. Neka se veličina prosledi kao parametar. Kao parametar će služiti promenljiva, čije ime smišljamo prilikom deklarisanja funkcije:

styles.less.fs(@size) {
  // ovde će biti kod funkcije
}

Hajde da navedemo unutar funkcije gde treba da se umetne vrednost našeg parametra:

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

Pozovimo našu funkciju, prosledivši joj kao parametar željenu veličinu elementa:

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

Kao rezultat, nakon kompilacije veličina fonta paragrafa će postati jednaka navedenoj vrednosti:

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