diff --git a/_posts/custom-layout-modes/2011-10-18-spine-align.html b/_posts/custom-layout-modes/2011-10-18-spine-align.html new file mode 100644 index 0000000..8f1497c --- /dev/null +++ b/_posts/custom-layout-modes/2011-10-18-spine-align.html @@ -0,0 +1,139 @@ +--- +title: Spine align +layout: default +category: custom-layout-modes +--- + +
+

Custom layout mode that aligns items to the center, placing them either left or right of the spine. gutterWidth option available.

+ +{% highlight javascript %} + +$container.isotope({ + layoutMode: 'spineAlign', + spineAlign: { + gutterWidth: 20 + }, + // options... +}); + +{% endhighlight %} + +

To use this layout mode, grab the $.Isotope.prototype methods from the script at the bottom of this page's source.

+ +
+ +
+ + {% include filter-buttons.html %} + + {% include sort-buttons.html %} + +

Etc

+ + + +
+ +
+ {% for elem_number in site.best_of_order %} + {% assign element = site.elements[elem_number] %} + {% include element-partial.html %} + {% endfor %} +
+ + + + + + \ No newline at end of file