OLD | NEW |
| (Empty) |
1 <!-- | |
2 Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file | |
3 for details. All rights reserved. Use of this source code is governed by a | |
4 BSD-style license that can be found in the LICENSE file. | |
5 --> | |
6 <!doctype html> | |
7 <html> | |
8 | |
9 <head> | |
10 <link rel="import" href="packages/polymer/polymer.html"> | |
11 <script src="packages/unittest/test_controller.js"></script> | |
12 | |
13 <style shim-shadowdom> | |
14 [layout] { | |
15 border: 1px solid orange; | |
16 } | |
17 | |
18 [flex] { | |
19 background-color: orange; | |
20 } | |
21 | |
22 [sized] { | |
23 background-color: green; | |
24 border: 1px solid black; | |
25 height: 200px; | |
26 width: 200px; | |
27 } | |
28 | |
29 [sized-container] [layout] { | |
30 height: 500px; | |
31 width: 500px; | |
32 } | |
33 | |
34 /* IE10: requires flex items to be display block */ | |
35 span { | |
36 display: block; | |
37 } | |
38 | |
39 </style> | |
40 | |
41 </head> | |
42 <body unresolved> | |
43 <div id="test1"> | |
44 <h2>layout flex</h2> | |
45 <span horizontal layout> | |
46 <span>I am not flex</span> | |
47 <span flex> | |
48 intrinsix | |
49 </span> | |
50 <span flex sized></span> | |
51 <span>I am not flex</span> | |
52 </span> | |
53 <br><br> | |
54 <span vertical layout> | |
55 <span>I am not flex</span> | |
56 <span flex> | |
57 intrinsix | |
58 </span> | |
59 <span flex sized></span> | |
60 <span>I am not flex</span> | |
61 </span> | |
62 </div> | |
63 <br><hr><br> | |
64 <div id="test2"> | |
65 <h2>layout flex auto</h2> | |
66 <span horizontal layout> | |
67 <span>I am not flex</span> | |
68 <span flex auto> | |
69 intrinsix | |
70 </span> | |
71 <span flex auto sized></span> | |
72 <span>I am not flex</span> | |
73 </span> | |
74 <br><br> | |
75 <span vertical layout> | |
76 <span>I am not flex</span> | |
77 <span flex auto> | |
78 intrinsix | |
79 </span> | |
80 <span flex auto sized></span> | |
81 <span>I am not flex</span> | |
82 </span> | |
83 </div> | |
84 <br><hr><br> | |
85 <div id="test3"> | |
86 <h2>layout flex auto-vertical</h2> | |
87 <span horizontal layout> | |
88 <span>I am not flex</span> | |
89 <span flex auto-vertical> | |
90 intrinsix | |
91 </span> | |
92 <span flex auto-vertical sized></span> | |
93 <span>I am not flex</span> | |
94 </span> | |
95 <br><br> | |
96 <span vertical layout> | |
97 <span>I am not flex</span> | |
98 <span flex auto-vertical> | |
99 intrinsix | |
100 </span> | |
101 <span flex auto-vertical sized></span> | |
102 <span>I am not flex</span> | |
103 </span> | |
104 </div> | |
105 <br><hr><hr><br> | |
106 <h1>Sized Container</h1> | |
107 <div sized-container> | |
108 <div id="test4"> | |
109 <h2>layout flex</h2> | |
110 <span horizontal layout> | |
111 <span>I am not flex</span> | |
112 <span flex> | |
113 intrinsix | |
114 </span> | |
115 <span flex sized></span> | |
116 <span>I am not flex</span> | |
117 </span> | |
118 <br><br> | |
119 <span vertical layout> | |
120 <span>I am not flex</span> | |
121 <span flex> | |
122 intrinsix | |
123 </span> | |
124 <span flex sized></span> | |
125 <span>I am not flex</span> | |
126 </span> | |
127 </div> | |
128 <br><hr><br> | |
129 <div id="test5"> | |
130 <h2>layout flex auto</h2> | |
131 <span horizontal layout> | |
132 <span>I am not flex</span> | |
133 <span flex auto> | |
134 intrinsix | |
135 </span> | |
136 <span flex auto sized></span> | |
137 <span>I am not flex</span> | |
138 </span> | |
139 <br><br> | |
140 <span vertical layout> | |
141 <span>I am not flex</span> | |
142 <span flex auto> | |
143 intrinsix | |
144 </span> | |
145 <span flex auto sized></span> | |
146 <span>I am not flex</span> | |
147 </span> | |
148 </div> | |
149 <br><hr><br> | |
150 <div id="test6"> | |
151 <h2>layout flex auto-vertical</h2> | |
152 <span horizontal layout> | |
153 <span>I am not flex</span> | |
154 <span flex auto-vertical> | |
155 intrinsix | |
156 </span> | |
157 <span flex auto-vertical sized></span> | |
158 <span>I am not flex</span> | |
159 </span> | |
160 <br><br> | |
161 <span vertical layout> | |
162 <span>I am not flex</span> | |
163 <span flex auto-vertical> | |
164 intrinsix | |
165 </span> | |
166 <span flex auto-vertical sized></span> | |
167 <span>I am not flex</span> | |
168 </span> | |
169 </div> | |
170 </div> | |
171 | |
172 | |
173 <script type="application/dart" src="layout_test.dart"> | |
174 </script> | |
175 | |
176 </body> | |
177 </html> | |
OLD | NEW |