Funcții în LESS

În această lecție vom analiza cum să utilizăm funcțiile. Funcțiile sunt oarecum similare cu mixin-urile, dar permit adăugarea de parametri, care își pot schimba valorile.

Acești parametri sunt transmiși în paranteze rotunde ale funcției. Să privim un exemplu.

Să creăm o funcție fs, care va seta dimensiunea fontului. Fie ca dimensiunea să fie transmisă ca parametru. Ca parametru va acționa o variabilă, al cărei nume îl inventăm la declararea funcției:

styles.less.fs(@size) {
  // aici va fi codul funcției
}

Să indicăm în interiorul funcției, unde ar trebui să fie inserată valoarea parametrului nostru:

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

Să apelăm funcția noastră, transmitându-i ca parametru dimensiunea dorită a elementului:

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

Ca rezultat, după compilare, dimensiunea fontului paragrafului va deveni egală cu valoarea indicată:

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