如何组合在循环中创建的一系列sass类？

Question

我正在使用SASS从传递到mixin中的变量构造一系列类。

@mixin classes($key, $num) {
    @for $i from 1 through $num {
         [class*=#{$key}-#{$i}] { 
                @content
         }
    }
}

@include classes(grid, 8) {
    width:100px;
}

它目前制作了我想要的类，但都是8个独立的类(它们在@contents中是相同的。有没有办法把它们合并在一起，这样我就可以：

[class*=grid-1],
[class*=grid-2],
....
[class*=grid-8],
{
 width:100px;
}

我不确定是否有可能这样做？如果有任何建议，我们将非常感谢。

谢谢,

卡尔

Answer 1

I found the answer eventually

$classes: ();
@for $i from 1 through $cols {
    $classes: join($classes, unquote("#{$prefix}#{$i} "), comma);
}


#{$classes} {
    float: left;
    margin-right: $gutterPercent;
    width: $columnWidth;
}