From cb1a6924a1c0073da6c45be90702f581c6cd9c83 Mon Sep 17 00:00:00 2001
From: David DeSandro <david@desandro.com>
Date: Fri, 31 Dec 2010 11:10:11 -0500
Subject: [PATCH] src & docs : add itemClass option. Set it to isotope-item

---
 _posts/docs/2010-12-03-options.mdown | 10 ++++++++++
 css/style.css                        | 12 ++++++------
 src/jquery.isotope.js                |  3 ++-
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/_posts/docs/2010-12-03-options.mdown b/_posts/docs/2010-12-03-options.mdown
index 69ad420..f96458d 100644
--- a/_posts/docs/2010-12-03-options.mdown
+++ b/_posts/docs/2010-12-03-options.mdown
@@ -126,6 +126,16 @@ The class applied to item elements hidden by Filtering.
 
 The style applied to item elements hidden by Filtering.
 
+## itemClass
+
+<dl class="clearfix">
+  <dt><code>itemClass</code></dt>
+  <dd class="option-type">String</dd>
+  <dd class="default"><code><span class="s1">'isotope-item'</span></code></dd>
+</dl>
+
+The class applied to item elements.
+
 ## itemSelector
 
 <dl class="clearfix">
diff --git a/css/style.css b/css/style.css
index 9055c71..eb1a454 100644
--- a/css/style.css
+++ b/css/style.css
@@ -179,8 +179,8 @@ body {
   height: 340px;
 }
 
-.iso-container.isotope,
-.isotope .element {
+.isotope,
+.isotope .isotope-item {
   -webkit-transition-duration: 0.8s;
      -moz-transition-duration: 0.8s;
 /*     -o-transition-duration: 0.8s;*/
@@ -188,8 +188,8 @@ body {
 
 }
 
-.iso-container.isotope.no-transition,
-.isotope.no-transition .element {
+.isotope.no-transition,
+.isotope.no-transition .isotope-item {
   -webkit-transition-duration: 0s;
      -moz-transition-duration: 0s;
 /*     -o-transition-duration: 0s;*/
@@ -197,14 +197,14 @@ body {
 
 }
 
-.iso-container.isotope {
+.isotope {
   -webkit-transition-property: height, width;
      -moz-transition-property: height, width;
 /*     -o-transition-property: height, width;*/
           transition-property: height, width;
 }
 
-.isotope .element {
+.isotope .isotope-item {
   -webkit-transition-property: -webkit-transform, opacity;
      -moz-transition-property:    -moz-transform, opacity;
 /*     -o-transition-property:      -o-transform, opacity;*/
diff --git a/src/jquery.isotope.js b/src/jquery.isotope.js
index e029f49..57d28cf 100755
--- a/src/jquery.isotope.js
+++ b/src/jquery.isotope.js
@@ -18,6 +18,7 @@
       resizeable: true,
       layoutMode : 'masonry',
       containerClass : 'isotope',
+      itemClass : 'isotope-item',
       hiddenClass : 'isotope-hidden',
       hiddenStyle : Modernizr.csstransforms && !$.browser.opera ? 
         { opacity : 0, scale : 0.001 } :
@@ -178,7 +179,7 @@
         atomStyle.top = 0;
       }
 
-      $atoms.css( atomStyle );
+      $atoms.css( atomStyle ).addClass( this.options.itemClass );
       
       var instance = this;
       $atoms.each(function(){