CSS preprocesory

Základní funkce všech programovacích jazyků jsou podmínky. SASS a Stylus podporují klasické zápisy pomocí if, else a else if. LESS tyto podmiňovací způsoby nepodporuje, ale dá se stejný princip aplikovat pomocí CSS Guards a when

@if lightness($color) > 30% {
    background-color: black;
}

@else {
    background-color: white;
}sass

.mixin (@color) when (lightness(@color) > 30%) {
    background-color: black;
}
.mixin (@color) when (lightness(@color) =<; 30%) {
    background-color: white;
}less

if lightness(color) > 30%
    background-color black
else
    background-color whitestylus

Pokračujte na další kapitolu