Funkcijos LESS'e

Šioje pamokoje apžvelgsime, kaip naudotis funkcijomis. Funkcijos yra kažkuo panašios į maišymąsi, bet tuo pačiu leidžia pridėti parametrus, kurie gali keisti savo reikšmes.

Šie parametrai perduodami funkcijos roundiniuose skliaustuose . Pažiūrėkime pavyzdžiu.

Sukurkime funkciją fs, kuri nustatys šrifto dydį. Tegul dydis perduodamas parametru. Kaip parametras veiks kintamasis, kurio vardą mes sugalvojame deklaruojant funkciją:

styles.less.fs(@size) {
  // čia bus funkcijos kodas
}

Nurodykime funkcijos viduje, kur turi būti įterpta mūsų parametro reikšmė:

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

Iškvieskime mūsų funkciją, perduodę jai kaip parametrą norimą elemento dydį:

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

Dėl to, po kompiliavimo, šrifto dydis paragrafo taps lygus nurodytai reikšmei:

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