At-sign dans les noms de classe haml

Question

J'essaie de faire une page Web avec UIkit (le cadre frontal, pas le cadre iOS). Depuis la version 3, UIkit utilise les signes at-signs dans ses noms de classe responsive (.uk-text-left@s affecte les petits périphériques et plus, .uk-text-left@l grands périphériques et plus ...).

En utilisant ces classes provoque directement haml de se plaindre:

imbrication illégale: le contenu ne peut pas être à la fois donnée sur la même ligne que% div et niché à l'intérieur. (Haml :: SyntaxError)

Ou, si l'élément HTML ne contient pas d'autres éléments, pour produire une mauvaise sortie, avec le @ dans le contenu html:

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

L'utilisation %div{ :class => "uk-text-left@s" } œuvres bien, mais ce genre de frameworks dépend si fortement de ces classes que cela fait une énorme différence par rapport à simplement taper .uk-text-left@s.

Existe-t-il un autre moyen de faire en sorte que haml accepte l'at-sign dans le nom de la classe?

Answer 1

Vous devrez probablement utiliser les méthodes de formulaire long pour les attributs.

au lieu de la méthode abrégée

%h1.awesome-sauce 

Vous devez faire ce

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

Le raccourci est juste du sucre syntaxique. Vous pouvez toujours écrire un assistant ou un décorateur pour gérer la génération de noms s'il existe un modèle évident.