LayoutJS

An abstraction over flexbox with semantic names for enhanced readability and maintainability. Done using the CSSinJS pattern.

Usage

var layout = require('layoutjs');

var Demo = React.createClass({
    render: function() {
        return <div className="demo" style={layout.horizontal}>
                    <div>One</div>
                    <div>Two</div>
                    <div>Three</div>
               </div>;
}

Checkout the complete demo

And a plnkr that you can mess with.

Inspiration

Inspired by polymer layout.html.