Funkcie v LESS

V tejto lekcii sa pozrieme na to, ako používať funkcie. Funkcie sú sčasti podobné mixinom, no zároveň umožňujú pridávať parametre, ktoré môžu meniť svoje hodnoty.

Tieto parametre sa odovzdávajú v okrúhlych zátvorkách funkcie. Pozrime sa na príklad.

Vytvorme funkciu fs, ktorá bude nastavovať veľkosť písma. Nech je veľkosť odovzdaná ako parameter. Ako parameter bude pôsobiť premenná, ktorej názov vymyslíme pri deklarovaní funkcie:

.fs(@size) {
	// tu bude kód funkcie
}

Uveďme vnútri funkcie, kde má byť vložená hodnota nášho parametra:

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

Zavolajme našu funkciu, pričom jej ako parameter odovzdáme požadovanú veľkosť elementu:

p {
	.fs(20px);
}

V dôsledku toho po kompilácii sa veľkosť písma odseku stane rovnou zadanej hodnote:

p {
	font-size: 20px;
}

Vytvorte funkciu w(), ktorá bude nastavovať šírku elementu.

Vytvorte funkciu h(), ktorá bude nastavovať výšku elementu.