Updated to allow having multiple styles attached to a child

Author: Joe Ipson

lib/index.js

@@ -54,9 +54,18 @@ class AutoResponsive extends React.Component {
 
   renderChildren() {
     return React.Children.map(this.props.children, function(child, childIndex) {
+      let childStyle = {};
+      
+      if(child.props.style instanceof Array) {
+        child.props.style.forEach((style) => {
+          childStyle = Util.extend(childStyle, style);
+        });
+      } else {
+        childStyle = child.props.style;
+      }
 
-      let childWidth = parseInt(child.props.style.width) + this.props.itemMargin;
-      let childHeight = parseInt(child.props.style.height) + this.props.itemMargin;
+      let childWidth = parseInt(childStyle.width) + this.props.itemMargin;
+      let childHeight = parseInt(childStyle.height) + this.props.itemMargin;
       let calculatedPosition = this.sortManager.getPosition(childWidth, childHeight, this.containerStyle.height);
 
       if (!this.fixedContainerHeight) {
@@ -80,7 +89,7 @@ class AutoResponsive extends React.Component {
       }
 
       return React.cloneElement(child, {
-        style: Util.extend({}, child.props.style, calculatedStyle)
+        style: Util.extend({}, childStyle, calculatedStyle)
       });
     }, this);
   }