PolymerElements/iron-flex-layout

Name: iron-flex-layout

Owner: PolymerElements

Description: Style mixins for cross-platform flex-box layouts

Created: 2015-04-17 18:40:10.0

Updated: 2018-01-16 20:21:47.0

Pushed: 2018-01-16 23:37:07.0

Homepage: https://www.webcomponents.org/element/PolymerElements/iron-flex-layout

Size: 127

Language: HTML

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

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

 class="layout horizontal layout-start" style="height: 154px">
iv>cross axis start alignment</div>
v>

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