src & docs : add itemClass option. Set it to isotope-item

_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">

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;*/

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(){