/ / Verwenden des Foundation Equalizers mit HAML - zurb-foundation, haml, foundation-equalizer

Verwenden des Foundation Equalizers mit HAML - zurb-foundation, haml, foundation-equalizer

Ich versuche mit Zurbs Equalizer zwei Säulen auf die gleiche Höhe zu bringen.

Die Syntax laut der Stiftung Website es:

<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>

Wie übersetze ich das zu haml? Ist das möglich?

Hier finden Sie einen Link zur Website der Stiftung: http://foundation.zurb.com/sites/docs/v/5.5.3/components/equalizer.html

Antworten:

2 für die Antwort № 1

(Ich nehme mit meiner Antwort an, dass Sie bereits wissen, wie man HAML benutzt.)

Sie würden die Klassen als normal darstellen, aber die Datenattribute müssen speziell in HAML eingearbeitet werden. Zum Glück beschreibt die HAML-Dokumentation, die ich gerade gefunden habe, wie man das macht: 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>

Lesen Sie diese Seite, um weitere Informationen zu erhalten.