如何使用带有函数的 calc() ？

Question

有没有办法在一行中执行以下操作？

--widthA: get-vw(20px);
font-size: calc(5px + var(--widthA));

因为我需要设置一个最小值font-size。该get-vw函数将在 vw 中计算 20px，我需要在此之上添加 5px。

Answer 1

是的，您可以使用插值( #{...})将其写在一行（不带变量）中：

font-size: calc(5px + #{get-vw(20px)});

演示（带有示例功能）： https : //jsfiddle.net/wccoLefp/

Sass 允许在这些函数调用中使用任何文本，包括嵌套括号。没有任何东西被解释为 SassScript 表达式，除了可以使用插值来注入动态值。
Sass：特殊功能