From 09fd5cf885931a4430acc7f5b76cf1c2f7e73e9a Mon Sep 17 00:00:00 2001
From: David DeSandro <desandrocodes@gmail.com>
Date: Wed, 30 Mar 2016 16:40:07 -0400
Subject: [PATCH] stagger sandboxes

---
 sandbox/filter-sort.html |  5 ++---
 sandbox/insert.html      | 11 ++++++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/sandbox/filter-sort.html b/sandbox/filter-sort.html
index 355aa96..0254b3f 100644
--- a/sandbox/filter-sort.html
+++ b/sandbox/filter-sort.html
@@ -154,14 +154,13 @@
 <script src="../js/layout-modes/fit-rows.js"></script>
 <script src="../js/layout-modes/vertical.js"></script>
 
-<script src="../bower_components/isotope-cells-by-row/cells-by-row.js"></script>
-
 <script>
 
 var container = document.querySelector('#container');
 var iso = window.iso = new Isotope( container, {
   layoutMode: 'fitRows',
-  transitionDuration: '0.8s',
+  transitionDuration: 400,
+  stagger: '0.1s',
   cellsByRow: {
     columnWidth: 130,
     rowHeight: 140,
diff --git a/sandbox/insert.html b/sandbox/insert.html
index 9a28385..d1f27e5 100644
--- a/sandbox/insert.html
+++ b/sandbox/insert.html
@@ -49,15 +49,16 @@
 var container = document.querySelector('#container');
 var iso = new Isotope( container, {
   layoutMode: 'masonry',
+  stagger: 50,
   transitionDuration: '0.8s',
   getSortData: {
     b: 'b parseInt'
   },
   sortBy: 'b',
   // filter b greater than 40
-  filter: function( elem ) {
-    return parseInt( elem.querySelector('b').textContent, 10 ) > 40
-  }
+  // filter: function( elem ) {
+  //   return parseInt( elem.querySelector('b').textContent, 10 ) > 40
+  // }
 });
 
 document.querySelector('#prepend').addEventListener( 'click', function() {
@@ -95,6 +96,10 @@ function appendItem() {
   return item;
 }
 
+iso.on( 'layoutComplete', function() {
+  console.log('layout complete');
+});
+
 </script>
 
 </body>