Joshua Vaage
Twitter Github

basscss-masonry

A masonry layout demonstration that works well with just about any BASSCSS class you can throw at it. Photos from a hike I took late summer 2015.

  <link href="http://d2v52k3cl9vedd.cloudfront.net/basscss/7.0.4/basscss.min.css" rel="stylesheet">
  

HTML

Wrap div elements with a class of .brick in a div with a class of .masonry.

    <div class="masonry">
      <div class="brick">
        { content }
      </div>
      <div class="brick">
        { content }
      </div>
    </div>
    

JS

    <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.2/masonry.pkgd.min.js"></script>

    <script>
    $('.masonry').masonry({
      // options...
      itemSelector: '.brick'
    });
    </script>