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;
}

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

1 个答案: