Direktiva @each u SASS-u
Da bi se stil primenio na listu objekata
koristi se direktiva @each. Zapisuje se
na sledeći način:
@each $var (promenljiva) in (lista vrednosti)
Suština rada ove direktive je da
ona postavlja u svaku vrednost
iz liste promenljivu $var,
a zatim je prikazuje u svakom stilu.
Pogledajmo 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");
}
Objasnite, kakav će biti rezultat kompilacije sledećeg koda:
@each $link in menu, navbar, footer {
link .#{$link} {
color:red;
}
}
