Дырэктыва @each у SASS
Для таго, каб прымяніць стыль
да спісу аб'ектаў выкарыстоўваюць
дырэктыву @each. Яе запісваюць
наступным чынам:
@each $var (зменная) in (спіс значэнняў)
Сутнасць работы гэтай дырэктывы ў тым, што
яна ўстанаўлівае ў кожнае значэнне
са спісу зменную $var,
а затым выводзіць яе ў кожным стылі.
Разгледзім прыклад:
@each $picture in winter, spring, summer, autumn {
img .#{$picture} {
background-image: url('/images/#{$picture}.jpg');
}
}
Вынік кампіляцыі:
img .spring {
background-image: url("/images/spring.jpg");
}
img .summer {
background-image: url("/images/summer.jpg");
}
img .autumn {
background-image: url("/images/autumn.jpg");
}
Раскажыце, якім будзе вынік кампіляцыі наступнага кода:
@each $link in menu, navbar, footer {
link .#{$link} {
color:red;
}
}