3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
12 <title>core-layout demo</title>
14 <script src="../platform/platform.js"></script>
15 <link rel="import" href="core-layout.html">
31 <polymer-element name="layout-demo" noscript>
35 box-sizing: border-flow;
36 -moz-flow-sizing: border-flow;
37 border: 2px solid #ccc;
53 <core-layout></core-layout>
54 <core-layout core-flex>
55 <div>Hi I'm some content</div>
56 <core-layout core-flex vertical>
57 <core-layout align="center">
59 <button>hello</button>
61 <core-layout core-flex>
62 <div core-flex class="core-relative">
64 <div class="abs">abs pos :)</div>
66 <div>Sidebar content</div>
68 <div>Some more stuffs...</div>
69 <core-layout justify="end">
73 <div>A last bit, like a panel</div>
78 <h3>core-layout example</h3>
79 <layout-demo></layout-demo>