bucle @for en SASS
Buenas tardes, podrán ayudarme a resolver este ejercicio? Estoy hace días dandole vueltas.
"Completar el código para que se imprima la imagen correspondiente en cada uno de los elementos, utilizando for y la lista $redes"
Realicé esto:
$redes: "facebook", "twitter", "instagram", "linkedin";
@for $i from 1 through 4 {
.el-#{nth($redes,1)}{
background-image: url("#{nth($redes,1)}.png");
}
}
Y me lo compila así:
.el-facebook {
background-image: url("facebook.png");
}
.el-facebook {
background-image: url("facebook.png");
}
.el-facebook {
background-image: url("facebook.png");
}
.el-facebook {
background-image: url("facebook.png");
}
¿Cómo puedo hacer para que en cada uno me imprima el valor correcto de la lista? Me está faltando ese pedacito de código para que tome un valor diferente de la lista en cada declaración.
Gracias por su tiempo :D
marianodgw
Ya pude resolverlo! En vez de índice 1 debía indicar la variable $i.
$redes: "facebook", "twitter", "instagram", "linkedin";
@for $i from 1 through 4 {
.el-#{nth($redes,$i)}{
background-image: url("#{nth($redes,$i)}.png");
}
}