HTML layout helper based on CSS flexbox specification —
Layout helper based on CSS flexbox specification designed to serve you as quick flexbox shorthand by using two custom html attributes — layout and self.
Items distributed in a row and centered within container:
<div layout="row center-center">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
Several quick start options are available:
git clone https://github.com/StefanKovac/flex-layout-attribute.git
.npm install flex-layout-attribute
.<link href="path/to/css/flex-layout-attribute.min.css" rel="stylesheet">
<div layout="row center-justify">
...
</div>
git clone https://github.com/StefanKovac/flex-layout-attribute.git
.npm run setup
.gulp
or set watcher: gulp watch
Interactive demo, documentation and snippets — http://progressivered.com/fla/
FLA is released under the MIT license.