Extend

Extend en Sass


La fonction @extend de Sass permet Ă  une classe d’hĂ©riter des styles d’une autre. L'utilitĂ© d'une telle architecture est de permettre de crĂ©er une classe pilote permettant d'ĂŞtre rĂ©utilisable dans d'autres classes.


Voici un exemple d’une classe utilisant la fonction @extend :

.alert {
    padding: .5em;
}

.alert-error {
    @extend .alert;
    color: red;
}


Le rĂ©sultat en CSS donnerait ceci :

.alert, .alert-error { 
    padding: .5em;
}

.alert-error{
    color: red;
}


C'est facile, non ? Bien sĂ»r la fonction @extend n’est pas limitĂ©e qu'aux classes, vous pouvez l'utiliser sur Ă  peu près tous.

Par Clouder le 22 Feb 2019
Cette pub permet au site de vivre ...

Commentaire

Tu veux participer ?
Alors connecte toi ou inscris toi et viens participer !