<iron-flex-layout>
The <iron-flex-layout>
component provides simple ways to use
CSS flexible box layout,
also known as flexbox. This component provides two different ways to use flexbox:
- Layout classes.
The layout class stylesheet provides a simple set of class-based flexbox rules, that
let you specify layout properties directly in markup. You must include this file
in every element that needs to use them.
Sample use:
<div class="layout horizontal layout-start" style="height: 154px">
<div>cross axis start alignment</div>
</div>
- Custom CSS mixins.
The mixin stylesheet includes custom CSS mixins that can be applied inside a CSS rule using the
@apply
function.
A complete guide to <iron-flex-layout>
is available.
Changes in 2.0
- removed the deprecated
/deep/
classes -- files removed: classes/iron-flex-layout.html
, classes/iron-shadow-flex-layout