werunplugged/unplugged-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
06ee9615ad
unplugged-system/external/chromium-trace/catapult/third_party/polymer/components/iron-flex-layout
History
ziv-gabel 06ee9615ad Initial commit: AOSP 14 with modifications for Unplugged OS
2025-10-06 13:59:42 +00:00
..
.github Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
classes Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
demo Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
test Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
.bower.json Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
.travis.yml Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
bower.json Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
CONTRIBUTING.md Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
GUIDE.md Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
index.html Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
iron-flex-layout-classes.html Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
iron-flex-layout.html Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00
README.md Initial commit: AOSP 14 with modifications for Unplugged OS 2025-10-06 13:59:42 +00:00

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:

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

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.