css - 混合内部的 Sass 变量包括

Question

我正在尝试创建一个 each 循环，它创建一个类名并调用一个以该名称作为参数的混合。我的想法是我可以列一个 list :

$list: (item1, item2, item3, ect);

然后运行一个 each 循环以使用该名称创建一个类，并以该名称作为参数调用一个混合。

@each $name in $list {
    .#{$name} {
        @include mixin($name);
    }
}

mixin 中的那个参数调用另一个同名变量来设置我在 mixin 中需要的属性。这似乎是我应该能够做的事情，但似乎无法弄清楚如何使 mixin 参数成为一个变量，而不仅仅是一串文本。我是否必须以特定方式使用插值才能在列表名称前添加 $？这样做似乎不起作用:

@include mixin($#{$name});

我需要它做的是使用 item1、item2、item3 等的值来创建类名，然后通过 mixin 将它们作为变量 $item1、$item2、$item3 发送 我不确定还能尝试什么。

Answer 1

像第一次那样只使用变量名 $name 就可以了。

Here is an example I made using your code .