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.

questionAnswers(3)

yourAnswerToTheQuestion