在yesod模板中逃脱`@`

Question

我试图@font-face在cassius模板中使用选择器而没有运气.

Cassius @用于插值,有什么方法可以逃脱它吗？

我试过@@和\@,他们没有工作.

以下模板

@font-face
      font-family: 'Monsieur La Doulaise'
      src: url('http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise')

结果是

src: url('http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise');}

Answer 1

这不是您问题的解决方案，但我想我会让您知道今天早上遇到了相关的事情。我有以下 CSS 部分：

.myclass {
   background: #d880efe;
   background-image:url(@{StaticR img_myimage_png});
   /* more stuff */
 }

当 Yesod 编译 CSS 文件时，它没有生成 .css 文件的 URL background-image。事实上，它跳过了整行并创建了一个略有不同的background属性。我最终跳过了 `@{StaticR ...} 并对 URL 进行了硬编码。当我有机会时，我将创建一个可重现的代码。

所以我猜测这是@插值的问题，而不是转义的问题。您介意尝试一下@{Handler}吗src？如果该行没有生成，那么它可能是一个不同的问题，我们需要为其提交错误报告。