Nibbling Perfect Macaroni
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

@polymer/iron-flex-layout

3.0.0-pre.21 • Public • Published

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:

<div class="layout horizontal layout-start" style="height: 154px">
  <div>cross axis start alignment</div>
</div>
  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

install

npm i @polymer/iron-flex-layout

Downloadsweekly downloads

16,216

version

3.0.0-pre.21

license

BSD-3-Clause

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability