Funkcijas LESS
Šajā nodarbībā mēs apskatīsim, kā izmantot funkcijas. Funkcijas ir nedaudz līdzīgas mixin, bet tajā pašā laikā tās ļauj pievienot parametrus, kas var mainīt savas vērtības.
Šie parametri tiek nodoti funkcijai apaļās iekavās. Apskatīsim piemērā.
Izveidosim funkciju fs, kas
iestatīs fonta izmēru. Ļaujiet izmēram
tikt nodotam kā parametrs. Kā parametrs
darbosies mainīgais, kura nosaukumu mēs
izdomājam, deklarējot funkciju:
.fs(@size) {
// šeit būs funkcijas kods
}
Funkcijas iekšienē norādīsim, kur jāievieto mūsu parametra vērtība:
.fs(@size) {
font-size: @size;
}
Izsauksim mūsu funkciju, nodot to kā parametru vēlamo elementa izmēru:
p {
.fs(20px);
}
Rezultātā pēc kompilācijas fonta izmērs rindkopai kļūs vienāds ar norādīto vērtību:
p {
font-size: 20px;
}
Izveidojiet funkciju w(), kas
iestatīs elementa platumu.
Izveidojiet funkciju h(), kas
iestatīs elementa augstumu.
