Flexbox element
$ bower install flex-element
$ npm install flex-element
<!doctype html>
<html>
<head>
<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="bower_components/flex-element/flex-element.html">
</head>
<body>
<flex-element>
</flex-element>
</body>
</html>
$ npm install --global polyserve
$ polyserve
<flex-element></flex-element>
x-center
<flex-element x-center></flex-element>
x-start
<flex-element x-start></flex-element>
x-end
<flex-element x-end></flex-element>
x-space-around
<flex-element x-space-around></flex-element>
x-space-between
<flex-element x-space-between></flex-element>
y-baseline
<flex-element y-baseline></flex-element>
y-center
<flex-element y-center></flex-element>
y-start
<flex-element y-start></flex-element>
y-end
<flex-element y-end></flex-element>
y-stretch
<flex-element y-stretch></flex-element>
© 2015 Charbel Rami