How to define a dynamic mixin or function name in SASS?

Question

I want to dynamically create mixins in SASS, named after each item in the list, but it doesn\'t seem to work.

I tried this but I get an error:

$even         


        

Answer 1

The best solution is to implement a single mixin that takes an argument.

$event-icons: fair, concert, art-show, conference, dance-show, film, party, festival, theatre, launch
@mixin event-icon($name)
  @if not index($event-icons, $name)
    @error "#{$name} is not an event icon."
  background-position: -($event-icon-width * $i) 0