sass - ループで作成された一連の sass クラスを結合するにはどうすればよいですか

Question

SASS を使用して、ミックスインに渡された変数から一連のクラスを構築しています。

@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

やっと見つけた答え

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


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