Présentation
Pour aller plus loin

Les conditions permettent d'effectuer une vérification et de générer du code en fonction du résultat de cette vérification.
Il est possible par exemple de choisir la couleur du texte à utiliser sur un élément en fonction de la luminosité d'une couleur :

.btn {
    text-decoration: none;
    background: $primary;
    @if (lightness($primary) > 50%) {
        color: #000;
    } @else {
        color: #FFF;
    }
}