From 2e9c63dc13c3c79ad99a6f975beee1aaa2b842cf Mon Sep 17 00:00:00 2001
From: David DeSandro <david@desandro.com>
Date: Sat, 15 Jan 2011 12:10:58 -0500
Subject: [PATCH] docs : Infinite Scroll disable CSS transitions on container
 element

---
 _posts/demos/2011-01-02-infinite-scroll.html | 2 +-
 css/style.css                                | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/_posts/demos/2011-01-02-infinite-scroll.html b/_posts/demos/2011-01-02-infinite-scroll.html
index a2c96f2..1e5dfd2 100644
--- a/_posts/demos/2011-01-02-infinite-scroll.html
+++ b/_posts/demos/2011-01-02-infinite-scroll.html
@@ -10,7 +10,7 @@ infinite_scroll: true
     <p>Isotope is interoperable with <a href="http://www.infinite-scroll.com/">Infinite Scroll</a> by Paul Irish. Use the <a href="../docs/methods.html#appended"><code>appended</code></a> method to add new items to the Isotope layout.</p>
   </section>
 
-  <div id="container" class="variable-sizes clearfix">
+  <div id="container" class="variable-sizes clearfix infinite-scrolling">
     {% for element in site.elements_ordered limit:20 %}
       {% include element-partial.html %}
     {% endfor %}
diff --git a/css/style.css b/css/style.css
index 294f566..b4b7507 100644
--- a/css/style.css
+++ b/css/style.css
@@ -245,6 +245,14 @@ body {
           transition-property: height, width;
 }
 
+/* disable CSS transitions for containers with infinite scrolling*/
+.isotope.infinite-scrolling {
+  -webkit-transition: none;
+     -moz-transition: none;
+       -o-transition: none;
+          transition: none;
+}
+
 .isotope .isotope-item {
   -webkit-transition-property: -webkit-transform, opacity;
      -moz-transition-property:    -moz-transform, opacity;