La direttiva if in Sass

Sass mette a disposizione delle direttive per effettuare delle condizioni e modificare il flusso di esecuzione. La direttiva @if consente di generare un blocco di funzionalità se l’espressione della condizione è diversa da false o null. Ad esempio:

    @if $myColor == blue {
        color: blue;
        } @else if $myColor == red {
            color: red;
        }
    }

In base al valore della variabile $myColor verranno impostante le regole di stile definite nei blocchi CSS. Sass mette a disposizione anche la funzione if(), quest’ultima consente di testare solo se una condizione è vera o falsa. Al verificarsi della condizione, viene restituito uno specifico valore. La funzione if() è molto simile all’operatore ternario di altri linguaggi. Ecco un esempio:

    @mixin highlight( $flag ){
        $color: if( $flag, blue, red );
    }

Ecco l’elenco delle lezioni su Sass:

Pubblicato in CSS, Front-end, JavaScript, Programmazione, Sass, Senza categoria Taggato con: , ,

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

*