OLD | NEW |
(Empty) | |
| 1 |
| 2 <!--- |
| 3 |
| 4 This README is automatically generated from the comments in these files: |
| 5 iron-flex-layout.html |
| 6 |
| 7 Edit those files, and our readme bot will duplicate them over here! |
| 8 Edit this file, and the bot will squash your changes :) |
| 9 |
| 10 --> |
| 11 |
| 12 [![Build Status](https://travis-ci.org/PolymerElements/iron-flex-layout.svg?bran
ch=master)](https://travis-ci.org/PolymerElements/iron-flex-layout) |
| 13 |
| 14 _[Demo and API Docs](https://elements.polymer-project.org/elements/iron-flex-lay
out)_ |
| 15 |
| 16 |
| 17 ##<iron-flex-layout> |
| 18 |
| 19 |
| 20 The `<iron-flex-layout>` component provides simple ways to use [CSS flexible box
layout](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes),
also known as flexbox. This component provides two different ways to use flexbo
x: |
| 21 |
| 22 1. [Layout classes](https://github.com/PolymerElements/iron-flex-layout/tree/mas
ter/classes). The layout class stylesheet provides a simple set of class-based f
lexbox rules. Layout classes let you specify layout properties directly in marku
p. |
| 23 |
| 24 2. [Custom CSS mixins](https://github.com/PolymerElements/iron-flex-layout/blob/
master/iron-flex-layout.html). The mixin stylesheet includes custom CSS mixins t
hat can be applied inside a CSS rule using the `@apply` function. |
| 25 |
| 26 A complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `
<iron-flex-layout>` is available. |
| 27 |
| 28 |
OLD | NEW |