/ / Utilisation de l'égaliseur de la fondation avec HAML - zurb-foundation, haml, égaliseur de fondation

Utilisation de l'égaliseur de Foundation avec HAML - zurb-foundation, haml, fond-égaliseur

J'essaie d'utiliser l'égaliseur Foundation de Zurb pour faire deux colonnes de la même hauteur.

La syntaxe selon le site de la Fondation:

<div class="row" data-equalizer>
<div class="large-6 columns panel" data-equalizer-watch>
...
</div>
<div class="large-6 columns panel" data-equalizer-watch>
...
</div>
</div>

Comment puis-je traduire cela en haml? Est-ce possible?

Voici un lien vers le site de la Fondation pour référence: http://foundation.zurb.com/sites/docs/v/5.5.3/components/equalizer.html

Réponses:

2 pour la réponse № 1

(Je suppose avec ma réponse que vous savez déjà comment utiliser HAML.)

Vous devez rendre les classes normales, mais les attributs de données doivent être spécifiquement hachés dans HAML. Heureusement, la documentation HAML que je viens de trouver décrit comment procéder: http://haml.info/docs/yardoc/file.REFERENCE.html#html5_custom_data_attributes

HTML5 Custom Data Attributes

HTML5 allows for adding custom non-visible data attributes to elements using attribute names beginning with data-. Custom data attributes can be used in Haml by using the key :data with a Hash value in an attribute hash. Each of the key/value pairs in the Hash will be transformed into a custom data attribute. For example:

%a{:href=>"/posts", :data => {:author_id => 123}} Posts By Author

will render as:

<a data-author-id="123" href="/posts">Posts By Author</a>

Lisez cette page pour obtenir plus d'informations.