simple inline styles

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cellblock",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "A react-based grid for smarter responsive components",
   "repository": {
     "type": "git",

src/Column.js

@@ -26,6 +26,7 @@ export default class Column extends Component {
     className: PropTypes.string,
     isRoot: PropTypes.bool,
     offset: gridFraction,
+    style: PropTypes.object,
     viewport: PropTypes.array,
     width: gridFraction
   };
@@ -76,7 +77,7 @@ export default class Column extends Component {
     style.width = decimalToPercent(width[0] / width[1]);
 
     return (
-      <div className={className} style={style}>
+      <div className={className} style={{ ...style, ...this.props.style }}>
         {this.props.children}
       </div>
     );
@@ -90,4 +91,4 @@ function fractionToPercent(v) {
 
 function decimalToPercent(v) {
   return parseFloat((v * 100).toFixed(4)) + '%';
-}
+}

src/Grid.js

@@ -29,7 +29,8 @@ export default class Grid extends Component {
     flexible: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
     gutterWidth: PropTypes.number,
     initialBreakpoint: validBreakpoint,
-    onChange: PropTypes.func
+    onChange: PropTypes.func,
+    style: PropTypes.object
   };
 
   static childContextTypes = gridContext;
@@ -126,13 +127,13 @@ export default class Grid extends Component {
 
   render() {
     const {breakpoint, breakCount} = this.state;
-    const {className, gutterWidth, children} = this.props;
+    const {className, gutterWidth, children, style} = this.props;
     const breakPointRange = [breakpoint, this.getMaxBreatPoint(breakpoint)];
     return (
-      <Column isRoot viewport={breakPointRange} breakCount={breakCount} className={className}>
+        <Column isRoot viewport={breakPointRange} breakCount={breakCount} className={className} style={style}>
         <Style gutter={gutterWidth}/>
         {children}
       </Column>
     );
   }
-}
+}

src/Row.js

@@ -21,7 +21,8 @@ import {forceContext} from './util/handleStaleContext';
 export default class Row extends Component {
   static propTypes = {
     children: PropTypes.any,
-    className: PropTypes.string
+    className: PropTypes.string,
+    style: PropTypes.object
   };
 
   static contextTypes = gridContext;
@@ -44,9 +45,9 @@ export default class Row extends Component {
     };
 
     return (
-      <div className={classnames(ROW, this.props.className)} style={style}>
+        <div className={classnames(ROW, this.props.className)} style={{ ...style, ...this.props.style }}>
         {this.props.children}
       </div>
     );
   }
-}
+}