| 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 |