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 |