Skip to content

DanielGarciaMandillo/iron-flex-layout

This branch is 108 commits behind PolymerElements/iron-flex-layout:master.

Folders and files

NameName
Last commit message
Last commit date
Mar 23, 2016
Feb 23, 2016
Jun 23, 2016
Feb 29, 2016
May 29, 2015
Jun 13, 2016
May 17, 2016
Mar 9, 2016
Mar 9, 2016
Nov 5, 2015
Jun 10, 2016
Mar 9, 2016

Repository files navigation

Build status

Demo and API docs

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

<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
cross axis start alignment
  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.

Packages

No packages published

Languages

  • HTML 100.0%