tree: a9cb4a61508943f3e219c5d41cb3e8e1b3a8f626 [path history] [tgz]
  1. .github/
  2. classes/
  3. demo/
  4. test/
  5. .bower.json
  6. .gitignore
  7. .travis.yml
  8. bower.json
  9. CONTRIBUTING.md
  10. index.html
  11. iron-flex-layout-classes.html
  12. iron-flex-layout.html
  13. README.md
polymer_1.8.1/bower_components/iron-flex-layout/README.md

Build status Published on webcomponents.org

##<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:

  1. 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:

  1. Custom CSS mixins. The mixin stylesheet includes custom CSS mixins that can be applied inside a CSS rule using the @apply function.

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.