scss @each Lista directa

Posted 2021-05-17

/* ***************************** */    
/* @each con una lista directamente */
/* ***************************** */
// BUCLE01

$grupoanimales: perro,gato,dinosaurio,
                perro,gato,dinosaurio,
                perro,gato,dinosaurio,
                perro,gato,dinosaurio,
                perro,gato,dinosaurio,
                perro,gato,dinosaurio;

/*variable local*/
@each $animal in $grupoanimales{
/* $animal: perro*/
    .#{$animal}__icon {
        background-image: url(‘../img/#{$animal}.jpg’);
        
    }
}