在 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

我们仍然遇到使用转义字符串的编译问题，但使用大写的Min对我们有用。

参考：https ://github.com/sass/sass/issues/2849#issuecomment-922070076

Answer 4

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