grain-masonry

daKmoR

by SlashBunny

HTML

<base href="https://raw-dot-custom-elements.appspot.com/daKmoR/grain-masonry/v0.8.2/grain-masonry/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="grain-masonry.html">
<grain-masonry transition-duration="250">
  <article style="height: 30px;">Power</article>
  <article style="height: 50px;">To</article>
  <article style="height: 25px;">The</article>
  <article style="height: 35px;">People</article>
  <article style="height: 40px;">!</article>
</grain-masonry>
<style>
  article {
    background: #36abcc; width: 29%; margin: 2%; color: #fff; display: flex; align-items: center; justify-content: center;
  }
</style>