css - 在 sass 中禁用覆盖 calc()

Question

在 SASS 中，我的计算看起来像calc(50% - 375px);但是当它编译 CSS 输出时看起来像：calc(-325%)，这显然不是我的想法。

我怎样才能强迫 SASS 不做数学(50% - 375px)？

谢谢您的帮助！

Answer 1

像这样使用 SASS 插值#{'calc(50% - 375px)'};

Answer 2

使用unquote功能对我有用：

.selector { 
    height: unquote("calc(50% - 375px)"); 
}

Answer 3

使用转义字符串：~"(50% - 375px)";