SASS编译器无法正常工作？仍然在width属性中看到calc函数

Question

我正在尝试在SASS中设置列的宽度以创建网格。我相信我的sass无法正确编译，因为css中不存在calc函数。

在我的sass文件中是：

  .col-1-of-3 {
    width: calc((100% - 2 * #{$gutter-horizontal}) / 3);
}

当我检查此列的CSS时，我得到以下信息：

 .row .col-1-of-3 {
      width: calc((100% - 2 * 6rem) / 3);
}

sass编译器可能没有识别calc函数的原因吗？感谢您提供的所有帮助。 （这是结果的图片）

Answer 1

  

我相信我的sass无法正确编译，因为css中不存在calc函数。

您的SASS编译器工作正常。 calc()函数 在CSS中存在。

您的SASS编译器无法计算对应于
的静态值 100% - 2 * 6rem。