Haml : Comment définir un style en ligne pour un élément dans HAML ?

Question

Voici mon code :

<div class='some' style='position: absolute; left: 300; top: 300;'>..</div>

Il analyse seulement style='position: absolute' et n'analyse pas les autres styles. Comment puis-je réaliser cela ?

Answer 1

Il aurait été pratique que vous affichiez le HAML que vous utilisez, mais c'est ainsi que cela se passe :

%div.some{ :style => "position: absolute; left: 300px; top: 300px;" }

Answer 2

Pas besoin d'utiliser %div :

.some{ style: 'position: absolute; left: 300px; top: 300px;' }

Answer 3

Une autre approche, en plus de celle du hachage de Dan Cheail, est telle :

%div.some(style='position: absolute; left: 300; top: 300;')

Answer 4

Si vous cherchez un css en ligne pour une image :

<%= image_tag( 'image_name.png', style: 'height: 25px; width: 200px; position: absolute' ) %>

Answer 5

Demandé un cas spécial de hachage à : https://github.com/haml/haml/issues/787 pour nous permettre d'écrire :

%div{ style: { display: "none", width: "50px" } }

comme c'est possible pour class: ["class1", "class2"] .