@each
La directiva @each nos permite iterar una lista por cada uno de los ítems que tiene.
$autores: rosa, lucia, pablo, jose;
@each $autor in $autores {
.author-#{$autor} {
background: url(author-#{$autor}.jpg);
}
}Con el ejemplo este estamos haciendo que, para cada uno de los autores, se ponga de fondo la imagen del autor correspondiente.
Si quisiéramos recorrer una lista, sería lo mismo:
$icons: (
(icon-menu, "../images/menu.png", 0px, -30px, 50px, 54px),
(icon-news, "../images/news.png", 0px, -90px, 30px, 39px),
(icon-money, "../images/money.png", 0px, -100px, 50px, 54px),
(icon-contact, "../images/contact.png", 0px, 0px, 30px, 30px)
);
@each $name, $imagen, $positionX, $posicionY, $height, $width in $icons {
// ...
}