An abstraction over flexbox with semantic names for enhanced readability and maintainability. Done using the CSSinJS pattern.
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.
Inspired by polymer layout.html.