Direktiva @each v SASS
Za uporabo sloga
za seznam objektov uporabimo
directivo @each. Zapiše se
na naslednji način:
@each $var (spremenljivka) in (seznam vrednosti)
Bistvo delovanja te direktive je, da
nastavi vsako vrednost
iz seznama v spremenljivko $var,
in jo nato izpiše v vsakem slogu.
Oglejmo si primer:
@each $picture in winter, spring, summer, autumn {
img .#{$picture} {
background-image: url('/images/#{$picture}.jpg');
}
}
Rezultat kompilacije:
img .spring {
background-image: url("/images/spring.jpg");
}
img .summer {
background-image: url("/images/summer.jpg");
}
img .autumn {
background-image: url("/images/autumn.jpg");
}
Povejte, kakšen bo rezultat kompilacije naslednje kode:
@each $link in menu, navbar, footer {
link .#{$link} {
color:red;
}
}
