Less Preprocesor Návod
Funkce
LESS nám poskytuje různé funkce, které můžeme v našem kódu využít. Je jich spoustu a následující ukázka ukazuje jen jednu z nich. Vytvořil jsem ale seznam všech funkcí, které LESS poskytuje, najdete jej zde.
// LESS
div {
// funkce if vyhodnotí podmínku předanou v prvním parametru a pokud
// podmínka platí, tak se nastaví hodnota předaná v druhém parametru,
// v opačném případě se nastaví hodnota předaná v třetím parametru
color: if((2 > 1), green, red);
}
div {
// funkce if vyhodnotí podmínku předanou v prvním parametru a pokud
// podmínka platí, tak se nastaví hodnota předaná v druhém parametru,
// v opačném případě se nastaví hodnota předaná v třetím parametru
color: if((2 > 1), green, red);
}
/* zkompilované CSS */
div {
color: green;
}
div {
color: green;
}
Touto částí tento tutoriál končí. Pokud jste si jej pročetli, tak ho teď můžete používat když nebudete něco vědět. Není potřeba se to učit nazpaměť ale umět to použít.