Premenné v SASS
Jazyk SASS umožňuje používať premenné. Premenná predstavuje kontajner, v ktorom môžete ukladať nejaké dáta a používať ich na potrebných miestach kódu.
Ak chcete vytvoriť premennú, musíte vymyslieť
jej meno a pred neho umiestniť znak $.
Potom za menom premennej dáme dvojbodku
a uvedieme 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 toho sa po kompilácii do CSS 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;
}