You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
jianglk.darker
7ee447c011
|
7 months ago | |
|---|---|---|
| .. | ||
| classes | 7 months ago | |
| demo | 7 months ago | |
| test | 7 months ago | |
| .bower.json | 7 months ago | |
| .travis.yml | 7 months ago | |
| CONTRIBUTING.md | 7 months ago | |
| GUIDE.md | 7 months ago | |
| README.md | 7 months ago | |
| bower.json | 7 months ago | |
| index.html | 7 months ago | |
| iron-flex-layout-classes.html | 7 months ago | |
| iron-flex-layout.html | 7 months ago | |
README.md
<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
@applyfunction.
Please note that the old /deep/ layout classes
are deprecated, and should not be used. To continue using layout properties
directly in markup, please switch to using the new dom-module-based
layout classes.
Please note that the new version does not use /deep/, and therefore requires you
to import the dom-modules in every element that needs to use them.
A complete guide to <iron-flex-layout> is available.