有没有办法使用变量少了〜运算符，喜欢〜“计算（100％ - @spacing）”的方式;(Is t

有没有办法使用变量较少的方式~运营商，像

~"calc(70% - @spacing)";

当我尝试它，它仅适用于像静态值

 ~"calc(70% - 10px)";

我能得到的字符串beeing设置为一个属性之前进行评估。

Answer 1:

要禁用少了哪一个发现时自动进行计算-两个数值之间，但仍然能够使用变量，你可以写下列之一：

1）只有逃避触发计算操作和使用该变量就像你通常做

@padding: 20px;
body {
    padding: calc(100% ~"-" @padding);
}

2）逃生整个表达式，并与内插变量@{padding}记号

@padding: 20px;
body {
    padding: ~"calc(100% - @{padding})";
}

我更喜欢第二个版本，因为它类似于JavaScript的模板文字 ，看起来有点清洁，但无论哪种方式工作得很好。

这两种解决方案禁用自动计算量少和编译到正确的结果：

body {
  padding: calc(100% - 20px);
}

文章来源: Is there a way to use variables in Less for the ~ operator, like ~“calc(100% - @spacing)”;