Funkcije v LESS

V tej lekciji bomo preučili, kako uporabljati funkcije. Funkcije so nekoliko podobne mešanjem, vendar omogočajo dodajanje parametrov, ki lahko spreminjajo svoje vrednosti.

Ti parametri se posredujejo v okroglih oklepajih funkcije. Poglejmo si primer.

Naredimo funkcijo fs, ki bo nastavila velikost pisave. Naj se velikost posreduje kot parameter. Kot parameter bo delovala spremenljivka, katere ime smo si izmislili pri deklaraciji funkcije:

.fs(@size) {
	// tukaj bo koda funkcije
}

Določimo znotraj funkcije, kam naj se vstavi vrednost našega parametra:

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

Pokličimo našo funkcijo in ji posredujemo želeno velikost elementa kot parameter:

p {
	.fs(20px);
}

Kot rezultat po kompilaciji bo velikost pisave odstavka enaka navedeni vrednosti:

p {
	font-size: 20px;
}

Naredite funkcijo w(), ki bo nastavila širino elementu.

Naredite funkcijo h(), ki bo nastavila višino elementu.