Funkce v LESS
V této lekci se podíváme na to, jak používat funkce. Funkce jsou něčím podobné mixinům, ale umožňují přidávat parametry, které mohou měnit své hodnoty.
Tyto parametry se předávají v kulatých závorkách funkce. Podívejme se na příklad.
Vytvořme funkci fs, která
nastaví velikost písma. Nechť je velikost
předána parametrem. Jako parametr
bude sloužit proměnná, jejíž jméno
vymyslíme při deklaraci funkce:
.fs(@size) {
// zde bude kód funkce
}
Uveďme uvnitř funkce, kam se má vložit hodnota našeho parametru:
.fs(@size) {
font-size: @size;
}
Zavolejme naši funkci a předáme jí jako parametr požadovanou velikost prvku:
p {
.fs(20px);
}
V důsledku po kompilaci se velikost písma odstavce nastaví na zadanou hodnotu:
p {
font-size: 20px;
}
Vytvořte funkci w(), která bude
nastavovat šířku prvku.
Vytvořte funkci h(), která bude
nastavovat výšku prvku.