SASS-daky @each direktiwasy
Stil birnäçe obyekte degişli etmek üçin
@each direktiwasy ulanylyar. Ony
aşakdaky ýaly ýazýarlar:
@each $var (üýtgeýän) in (görnüşleriň sanawy)
Bu direktiwanyň işiniň esasy, ol
sanawdaky her bir görnüşi üçin
$var üýtgeýänini belleýär
we soňra ony her stilde görkezýär.
Mysala serediň:
@each $picture in winter, spring, summer, autumn {
img .#{$picture} {
background-image: url('/images/#{$picture}.jpg');
}
}
Kompilesiýanyň netijesi:
img .spring {
background-image: url("/images/spring.jpg");
}
img .summer {
background-image: url("/images/summer.jpg");
}
img .autumn {
background-image: url("/images/autumn.jpg");
}
Aşakdaky kodyň kompilesiýasynyň netijesi näme bolar?
@each $link in menu, navbar, footer {
link .#{$link} {
color:red;
}
}
