loops - 在属性值中使用 % 和“while”循环变量时出现 SASS 错误

Question

我正在尝试在 SASS 中创建一个循环，以生成类似于 Foundation 的脚手架类。

我试过这个：

$colCount: 12;

$i: $colCount;
@while $i > 0 {
    $result : ($i *100) /$colCount;
  .container-#{$i}_#{$colCount} { width: $result%  ; }
  $i: $i - 1;
}

并期待这样的事情

.container-12_12 {
  width: 100%;
}

.container-11_12 {
  width: 91.6667%;
}

但这失败了。删除 '%' 时效果很好，除了 css 没用。

Answer 1

这是解决方案：

.container-#{$i}_#{$colCount} { width: #{$result*1%}  ; }

将变量乘以 1%。

我在这个线程中找到了解决方案。