iron-flex-layout

PolymerElements

by SlashBunny

HTML

<base href="https://raw-dot-custom-elements.appspot.com/PolymerElements/iron-flex-layout/v2.0.0/iron-flex-layout/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="iron-flex-layout-classes.html">
<dom-bind id="demo-element">
  <template>
    <custom-style>
      <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
    </custom-style>
    <style>
      .container,
      .layout {
        background-color: #ccc;
        padding: 4px;
      }
      
      .container div,
      .layout div {
        background-color: white;
        padding: 12px;
        margin: 4px;
      }

    </style>
    <div class="layout horizontal layout-start" style="height: 154px">
      <div>cross axis start alignment</div>
    </div>
  </template>
  <script>
    Polymer({
      is: "demo-element"
    });

  </script>
</dom-bind>

<demo-element></demo-element>