Sass变量内部混合包括

时间:2016-10-25 19:36:24

标签: css sass mixins

我正在尝试创建一个创建类名的每个循环,并使用该名称作为参数调用mixin。我的想法是我可以列出一个清单:

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

然后运行每个循环以使用该名称创建一个类,并使用该名称作为参数调用mixin。

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

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

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

我需要它做的是使用item1,item2,item3,ect的值来创建类名,然后通过mixin将它们作为变量$ item1,$ item2,$ item3发送 而且我不确定还有什么可以尝试的。

1 个答案:

答案 0 :(得分:2)

只使用第一次使用的变量名$name即可。

Here is an example I made using your code