Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(51)

Side by Side Diff: pkg/polymer/lib/elements/polymer-flex-layout/demo.html

Issue 175443005: [polymer] import all elements (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: updated from bower Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>polymer-flex-layout</title>
5 <script src="../platform/platform.js"></script>
6 <link rel="import" href="polymer-flex-layout.html">
7 <link rel="import" href="polymer-flex-panel.html">
8 <style>
9 body {
10 font-size: 20px;
11 }
12
13 flex-css, flex-container, flex-nonvisual {
14 height: 300px;
15 }
16 </style>
17 </head>
18 <body unresolved>
19 <polymer-element name="flex-css">
20 <template>
21 <link rel="stylesheet" href="polymer-flex-layout.css">
22 <style>
23 div {
24 box-sizing: border-box;
25 -moz-box-sizing: border-box;
26 border: 2px solid #ccc;
27 }
28 </style>
29 <div class="flexbox" flex>
30 <div>Hi I'm some content</div>
31 <div class="flexbox column" flex>
32 <div class="flexbox align-center">
33 <h3>Title</h3>
34 <button>hello</button>
35 </div>
36 <div class="flexbox" flex>
37 <div flex>Main content</div>
38 <div>Sidebar content</div>
39 </div>
40 <div>Some more stuffs...</div>
41 <div class="flexbox justify-end">
42 <b>Footer</b>
43 </div>
44 </div>
45 <div>A last bit, like a panel</div>
46 </div>
47 </template>
48 <script>
49 Polymer('flex-css', {
50 ready: function() {
51 this.classList.add('flexbox');
52 }
53 });
54 </script>
55 </polymer-element>
56
57 <polymer-element name="flex-container" noscript extends="polymer-flex-panel">
58 <template>
59 <style>
60 div, polymer-flex-panel {
61 box-sizing: border-box;
62 -moz-box-sizing: border-box;
63 border: 2px solid #ccc;
64 }
65 </style>
66 <div>Hi I'm some content</div>
67 <polymer-flex-panel vertical flex>
68 <polymer-flex-panel align="center">
69 <h3>Title</h3>
70 <button>hello</button>
71 </polymer-flex-panel>
72 <polymer-flex-panel flex>
73 <div flex>Main content</div>
74 <div>Sidebar content</div>
75 </polymer-flex-panel>
76 <div>Some more stuffs...</div>
77 <polymer-flex-panel justify="end">
78 <b>Footer</b>
79 </polymer-flex-panel>
80 </polymer-flex-panel>
81 <div>A last bit, like a panel</div>
82 </template>
83 </polymer-element>
84
85 <polymer-element name="flex-nonvisual" noscript>
86 <template>
87 <style>
88 div {
89 box-sizing: border-box;
90 -moz-box-sizing: border-box;
91 border: 2px solid #ccc;
92 }
93 </style>
94 <polymer-flex-layout></polymer-flex-layout>
95 <div flex>
96 <polymer-flex-layout></polymer-flex-layout>
97 <div>Hi I'm some content</div>
98 <div flex>
99 <polymer-flex-layout vertical></polymer-flex-layout>
100 <div>
101 <polymer-flex-layout align="center"></polymer-flex-layout>
102 <h3>Title</h3>
103 <button>hello</button>
104 </div>
105 <div flex>
106 <polymer-flex-layout></polymer-flex-layout>
107 <div flex>Main content</div>
108 <div>Sidebar content</div>
109 </div>
110 <div>Some more stuffs...</div>
111 <div>
112 <polymer-flex-layout justify="end"></polymer-flex-layout>
113 <b>Footer</b>
114 </div>
115 </div>
116 <div>A last bit, like a panel</div>
117 </div>
118 </template>
119 </polymer-element>
120
121 <h3>polymer-flex-layout.css</h3>
122 <flex-css></flex-css>
123 <br>
124 <h3>polymer-flex-panel element</h3>
125 <flex-container></flex-container>
126 <br>
127 <h3>polymer-flex-layout element</h3>
128 <flex-nonvisual></flex-nonvisual>
129 </body>
130 </html>
OLDNEW
« no previous file with comments | « pkg/polymer/lib/elements/polymer-flex-layout/bower.json ('k') | pkg/polymer/lib/elements/polymer-flex-layout/docs.json » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698