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);
}
/* zkompilované CSS */

div {
    color: green;
}

boolean

Tato funkce vrací hodnotu true nebo false podle toho jestli předaný výraz platí nebo neplatí.

Parametry

// 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);
}
/* zkompilované CSS */

div {
    background-color: white;
}