Dirisha @each katika SASS
Ili kutumia mtindo
kwa orodha ya vitu hutumia
dirisha @each. Inaandikwa
kama ifuatavyo:
@each $var (kigezo) in (orodha ya thamani)
Kusudi la dirisha hili ni kwamba
inainua katika kila thamani
kutoka kwenye orodha kigezo $var,
kisha kinachapisha katika kila mtindo.
Tuchunguze mfano:
@each $picture in winter, spring, summer, autumn {
img .#{$picture} {
background-image: url('/images/#{$picture}.jpg');
}
}
Matokeo ya ukusanyaji:
img .spring {
background-image: url("/images/spring.jpg");
}
img .summer {
background-image: url("/images/summer.jpg");
}
img .autumn {
background-image: url("/images/autumn.jpg");
}
Eleza, matokeo ya ukusanyaji yatakuwa nini kwa kifuatacho cha kodi:
@each $link in menu, navbar, footer {
link .#{$link} {
color:red;
}
}
