Premenné v LESS
Jazyk LESS umožňuje používať premenné. Premenná predstavuje kontajner, v ktorom môžete ukladať nejaké dáta a používať ich na potrebných miestach v kóde.
Ak chcete vytvoriť premennú, musíte vymyslieť
jej názov a pred neho umiestniť znak @.
Potom za názvom premennej dáme dvojbodku
a určíme hodnotu tejto premennej. Poďme
napríklad vytvoriť premennú s názvom var:
@var: 20px;
Poďme teraz použiť túto premennú ako hodnotu vlastnosti:
p {
font-size: @var;
}
V dôsledku po kompilácii do CSS sa namiesto našej premennej dosadí jej hodnota:
p {
font-size: 20px;
}
Povedzte, aký bude výsledok kompilácie nasledujúceho kódu:
@color: #000;
p {
color: @color;
}
