basarat / layoutjs

An abstraction over flexbox with semantic names for enhanced readability and maintainability

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.