Funktsioonid LESS-is

Selles õppetükis vaatleme, kuidas kasutada funktsioone. Funktsioonid on millegipärast sarnased mixin'itele, kuid võimaldavad samas lisada parameetreid, mis võivad oma väärtusi muuta.

Need parameetrid edastatakse funktsiooni ümarsulgudes . Vaatame näidet.

Teeme funktsiooni fs, mis määrab fondi suuruse. Laske suurust edastatakse parameetrina. Parameetrina toimib muutuja, mille nime leiame välja funktsiooni deklareerimisel:

.fs(@size) {
	// siin on funktsiooni kood
}

Määrame funktsiooni sees, kuhu peaks sisestama meie parameetri väärtuse:

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

Kutsume meie funktsiooni välja, edastades sellele parameetrina soovitud elemendi suuruse:

p {
	.fs(20px);
}

Tulemusena pärast kompileerimist muutub fondi suurus paragrahvist võrdseks määratud väärtusega:

p {
	font-size: 20px;
}

Tehke funktsioon w(), mis määrab elemendi laiuse.

Tehke funktsioon h(), mis määrab elemendi kõrguse.