在haml类名称中签名

Question

我正在尝试使UIkit（前端框架，而不是iOS框架）的网页。

从v3开始，UIkit在其响应类名称中使用at-signs（.uk-text-left@s影响小设备和更高设备，.uk-text-left@l大设备以及...）。

使用这些类直接导致HAML抱怨：

非法嵌套：在同一行作为％DIV 内容不能被两个给定的和嵌套在。 （Haml的:: SyntaxError错误）

或者，如果HTML元素不包含任何其他元素，产生错误的输出，与在HTML内容@：

<div class="uk-text-left">@s hello</div> 

使用%div{ :class => "uk-text-left@s" }作品没错，但是这种框架非常依赖这些类，与仅输入.uk-text-left@s相比，它产生了巨大的差异。

是否有任何其他方式让haml接受at-sign作为类名的一部分？

Answer 1

您可能需要为属性使用长格式的方法。

相反的速记方法

%h1.awesome-sauce 

你需要做到这一点

%h1{class: "@awesome-sauce"} 

速记的只是语法糖。如果存在明显的模式，您可以随时编写助手或装饰器来处理名称生成。