我想在SASS中动态创建mixins,以列表中的每个项目命名,但是似乎不起作用。
我尝试了这个,但出现错误:
$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
错误:
Invalid CSS after "": expected expression (e.g. 1px, bold), was "#{$event-icon}"
SASS不支持此用法吗?我在手册中找不到关于它的任何内容。
最好的解决方案是实现带有参数的单个mixin。