at-sign in hamlクラス名

Question

私はUIkit（iOSフレームワークではなくフロントエンドフレームワーク）を使用してWebページを作成しようとしています。

v3から、UIkitは応答記号のクラス名（.uk-text-left@sは小さなデバイスに影響を与え、上には.uk-text-left@l大きなデバイスと上に影響します）を使用します。

不正ネスティング：コンテンツが％DIV と同じ行に与えられ、その中にネストすることができないの両方をこれらのクラスを使用し

直接HAMLは文句させます。 （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{class: "@awesome-sauce"} 

速記を行う必要があります

%h1.awesome-sauce 

の

は単なるシンタックスシュガーです。明白なパターンがあれば、名前生成を処理するヘルパーまたはデコレータを書くことができます。