如何在CSS3 Calc函数中使用较少的变量？

Question

我正在使用数学选项parens-division。请不要建议使用严格/传统来解决此问题。

我最终想要的是：calc(100% - 13.75rem)

但是，我想在定义中使用变量。有了parens-division，我有

@subtract: (220/16rem); // hack to work-around nested math interpretations
.zzz {
    width: calc(~"100% -" @subtract);
}

在更新了一些版本之后，我开始在(220/16rem)上遇到错误，所以现在我已经尝试了

@subtract: (220/16); // hack to work-around nested math interpretations
.zzz {
    width: calc(~"100% - @{subtract}rem");
}

，但没有成功。感谢帮助

Answer 1

我已经创建了一支笔来测试您的解决方案组合。

似乎可以正常工作：

@subtract: (220/16rem); // hack to work-around nested math interpretations
.zzz {
    background: red;
    height: 50px;
    width: calc(~"100% - @{subtract}");
}

https://codepen.io/anon/pen/dgZWVe