Jak zdefiniować dynamiczną mieszankę lub nazwę funkcji w SASS?
Chcę dynamicznie tworzyć miksy w SASS, nazwane po każdym elemencie na liście, ale nie działa.
Próbowałem tego, ale pojawia się błąd:
$event-icons: fair, concert, art-show, conference, dance-show, film, party, festival, theatre, launch
@each $event-icon in $event-icons
@mixin event-icon-#{$event-icon}
background-position: -($event-icon-width * $i) 0
Błąd:
Invalid CSS after "": expected expression (e.g. 1px, bold), was "#{$event-icon}"
Czy to użycie nie jest obsługiwane przez SASS? Nie mogłem znaleźć niczego w instrukcji na ten temat.