SASS混合$ str问题

Question

我正在使用sass混合为我的网格系统创建列。但我对输出有一点问题。

这是.col类的我的sass函数。正如您在屏幕截图中看到的那样。编译sass文件后，压缩的css文件有太多“///////”斜杠。

.col-#{$key} {
  $str: "&";
  @for $i from 1 through $columns {
    $str: $str + "," & + "-" + $i + "," + & + "-offset-" + $i;
  }
  @at-root #{$str} {
    @include grid-column;
  }
  & {
    @include grid-column-span(auto);
  }
  @for $i from 1 through $columns {
    &-#{$i} {
      @include grid-column-span($i);
    }
    &-offset-#{$i} {
      @include grid-column-offset($i);
    }
  }
}

css输出

你知道如何从css中删除这些斜线吗？

谢谢！

Answer 1

尝试将行$str: "&";移出.col-#{$key}范围之前和之前。