SASS смешивая выпуск $str

Question

Я использую sass микширование для создания колонок для моей сетки. Но у меня есть небольшая проблема с выходом.

Это моя функция sass для класса.col. Как вы можете видеть на скриншоте. После того, как я скомпилирую файл 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} объем.