在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"} 

速記的只是語法糖。如果存在明顯的模式，您可以隨時編寫助手或裝飾器來處理名稱生成。