An abstraction over flexbox with semantic names for enhanced readability and maintainability
MIT License
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.