Direktīva @each SASS
Lai piemērotu stilu
objektu sarakstam, izmanto
direktīvu @each. To raksta
šādi:
@each $var (mainīgais) in (vērtību saraksts)
Šīs direktīvas darbības būtība ir tāda, ka
tā katrai vērtībai no saraksta
iestata mainīgo $var,
un pēc tam to izvada katrā stilā.
Apskatīsim piemēru:
@each $picture in winter, spring, summer, autumn {
img .#{$picture} {
background-image: url('/images/#{$picture}.jpg');
}
}
Kompilācijas rezultāts:
img .spring {
background-image: url("/images/spring.jpg");
}
img .summer {
background-image: url("/images/summer.jpg");
}
img .autumn {
background-image: url("/images/autumn.jpg");
}
Pastāstiet, kāds būs sekojoša koda kompilācijas rezultāts:
@each $link in menu, navbar, footer {
link .#{$link} {
color:red;
}
}
