sass（CSS3）中带calc（）的prolem

我试图在Sass样式表中使用

calc（）

函数，但遇到了一些问题。这是我的密码：

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

如果我使用literal

54rem

而不是

变量，我会得到我想要的东西。

在Devtools中，它表示无效的属性值：


问题发生在哪里？是
代码笔（第37行）
，以防您想看到我卡在哪里
 这是因为必须在
+
或
-
运算符之间放置空格，才能使其正常工作。您在
）之前给出了意外的空白


固定代码：
来自MDN文档：

注意：
+
和
-
运算符必须始终用空格包围。
例如，
calc（50%-8px）
的操作数将被解析为
百分比后跟负长度，这是一个无效的表达式，而
calc（50%-8px）
的操作数是一个百分比，后跟一个负号
符号和长度。此外，
calc（8px+-50%）
被视为
长度后跟加号和负百分比。
*
和
/
运算符不需要空格，但为保持一致性而添加空格是必要的
允许，推荐

资料来源：

width: calc((100% - #{$gutter-horizontal}) /2);