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ą:
.fs(@size) {
// čia bus funkcijos kodas
}
Nurodykime funkcijos viduje, kur turi būti įterpta mūsų parametro reikšmė:
.fs(@size) {
font-size: @size;
}
Iškvieskime mūsų funkciją, perduodę jai kaip parametrą norimą elemento dydį:
p {
.fs(20px);
}
Dėl to, po kompiliavimo, šrifto dydis paragrafo taps lygus nurodytai reikšmei:
p {
font-size: 20px;
}
Sukurkite funkciją w(), kuri bus
nustatanti elemento plotį.
Sukurkite funkciją h(), kuri bus
nustatanti elemento aukštį.
