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:

styles.less.fs(@size) {
  // zde bude kód funkce
}

Uveďme uvnitř funkce, kam se má vložit hodnota našeho parametru:

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

Zavolejme naši funkci a předáme jí jako parametr požadovanou velikost prvku:

styles.lessp {
  .fs(20px);
}

V důsledku po kompilaci se velikost písma odstavce nastaví na zadanou hodnotu:

styles.cssp {
  font-size: 20px;
}