无法阻止SASS评估calc()CSS属性的内容

我创建了一个新的CRA副本,只是为了确保它不是我的代码中的自定义内容,除了一个sass文件(以下代码)之外,我什么都没有:

.test {
    top: calc((0% - (100% - 1.2em)) - 16%);
}

当我运行开发模式时,该行正确显示,但是,当我运行run build时,我得到了:

.test{
  top:calc(-116% - -1.2em)
}

这绝对不是我想要的。我只希望calc()的内容保持不变,而无需对其进行评估。我已经研究过了,似乎需要使用插值法了,但是我很累,没有运气。到目前为止,这是我尝试过的:

top: #{'calc((0% - (100% - 1.2em)) - 16%)'};
top: calc#{'((0% - (100% - 1.2em)) - 16%)'};
top: calc((#{$zero} - #{$hMinus1}) - #{$sixteen});
top: unquote('#{calc((#{$zero} - (#{$oneH}- #{$onePTwo})) - #{$sixteen})}');

我已经厌倦了各种各样的方法来让它只忽略该行,但是正如您所见,它一直在评估某种形式的-1.2em。

还有其他方法可以使这项工作成功吗?

asdqaz2008 回答:无法阻止SASS评估calc()CSS属性的内容

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3159105.html

大家都在问