leeluolee/mcss

mscc 解析 calc 函数的bug

Opened this issue · 3 comments

mcss 代码片段:

/* xx.mcss */
div {
    width: calc(100% + 2px);
}

实际解析后结果:

/* xx.css */
div {
    width: calc(102%);
}

预期解析后结果:

/* xx.css */
div {
    width: calc(100% + 2px);
}

操作符前后有空格就视为运算操作,mcss当做表达式进行计算,但其实calc其实并不需要计算。
但作为calc如果需要委托给浏览器计算,操作符必须留空格。

mcss对calc的使用有解决方案吗?

div {
    width: t('calc(100% + 2px)');
}

先这样吧

感谢。