在属性值中使用％和'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％。

我在this thread找到了解决方案。