【问题标题】:SASS Escape Calc for SquareSpaceSquareSpace 的 SASS Escape Calc
【发布时间】:2019-12-12 07:41:54
【问题描述】:

如何阻止 SASS 将 calc(90vh - 1.5em) 解释为按原样编译?

目前,SASS 编译为calc(88.5vh)

我尝试了#{'calc(90vh - 1.5em)'}calc(#{'90vh'} - #{'1.5em'}),但没有成功。


更新

SASS 不是问题。已编译的 CSS 正在上传到 SquareSpace 并再次编译。最初通过 SASS 编译的 CSS 是正确的。


已解决

为了解决这个问题,我需要同时转义 SASS 和 SquareSpace LESS 编译器。

#{'~"calc(90vh - 1.5em)"'}

【问题讨论】:

  • 你试过calc(90vh - #{1.5em})
  • @dw_ 结果相同。
  • 是的,我很好奇为什么会发生这种情况 - 因为我已经在本地进行了测试,并且您提供的大多数选项都有效。
  • @dw_ 谢谢你的帮助。
  • @RyanPrentiss 您应该将您的解决方案作为答案发布(然后接受它),而不是将其添加到您的问题中。 :)

标签: css sass


【解决方案1】:

为了解决这个问题,我需要同时转义 SASS 和 SquareSpace LESS 编译器。

#{'~"calc(90vh - 1.5em)"'}

【讨论】:

    猜你喜欢
    • 2017-07-04
    • 2014-04-22
    • 2018-05-30
    • 2013-08-01
    • 2017-08-17
    • 1970-01-01
    • 2018-05-20
    • 2017-12-15
    相关资源
    最近更新 更多