Less Preprocesor Návod
Logické funkce
if
Tato funkce vrací jednu ze dvou hodnot v závislosti na předané podmínce. Pokud podmínka platí, tak se vrátí první hodnota a pokud neplatí, vrátí se druhá hodnota.
Parametry
- výraz (můžeme použít stejné operátory jako u podmínek mixinů)
- hodnota, která se vrátí pokud výraz platí
- hodnota, která se vrátí pokud výraz neplatí
// LESS
div {
// protože podmínka platí, nastaví se zelená barva
color: if((2 > 1), green, red);
}
div {
// protože podmínka platí, nastaví se zelená barva
color: if((2 > 1), green, red);
}
/* zkompilované CSS */
div {
color: green;
}
div {
color: green;
}
boolean
Tato funkce vrací hodnotu true nebo false podle toho jestli předaný výraz platí nebo neplatí.
Parametry
- výraz (můžeme použít stejné operátory jako u podmínek mixinů)
// LESS
// funkce boolean vyhodnotí výraz (2 > 1) a protože výraz platí, vrátí true
@pouzit-bilou-barvu: boolean(2 > 1);
div {
// protože proměnná @pouzit-bilou-barvu obsahuje hodnotu
// true (pravda), nastaví se bílá barva
background-color: if(@pouzit-bilou-barvu, white, black);
}
// funkce boolean vyhodnotí výraz (2 > 1) a protože výraz platí, vrátí true
@pouzit-bilou-barvu: boolean(2 > 1);
div {
// protože proměnná @pouzit-bilou-barvu obsahuje hodnotu
// true (pravda), nastaví se bílá barva
background-color: if(@pouzit-bilou-barvu, white, black);
}
/* zkompilované CSS */
div {
background-color: white;
}
div {
background-color: white;
}