OLD | NEW |
1 <?xml version="1.0" encoding="UTF-8"?> | 1 <?xml version="1.0" encoding="UTF-8"?> |
2 <!-- | 2 <!-- |
3 Any copyright is dedicated to the Public Domain. | 3 Any copyright is dedicated to the Public Domain. |
4 http://creativecommons.org/publicdomain/zero/1.0/ | 4 http://creativecommons.org/publicdomain/zero/1.0/ |
5 --> | 5 --> |
6 <html xmlns="http://www.w3.org/1999/xhtml"> | 6 <html xmlns="http://www.w3.org/1999/xhtml"> |
7 <head> | 7 <head> |
| 8 <title>CSS Reftest Reference</title> |
| 9 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"
/> |
8 <style> | 10 <style> |
9 div { width: 10px; } | 11 div { width: 10px; } |
10 div.flexbox { | 12 div.flexbox { |
11 float: left; | 13 float: left; |
12 border: 1px dashed blue; | 14 border: 1px dashed blue; |
13 font-size: 10px; | 15 font-size: 10px; |
14 flex-direction: column; | |
15 margin-right: 2px; | 16 margin-right: 2px; |
16 } | 17 } |
17 div.a { | 18 div.a { |
18 height: 20px; | 19 height: 20px; |
19 background: lightgreen; | 20 background: lightgreen; |
20 } | 21 } |
21 div.b { | 22 div.b { |
22 height: 40px; | 23 height: 40px; |
23 background: purple; | 24 background: purple; |
24 } | 25 } |
(...skipping 29 matching lines...) Expand all Loading... |
54 </div> | 55 </div> |
55 | 56 |
56 <div class="flexbox"> | 57 <div class="flexbox"> |
57 <div class="a" style="height: 10px"/> | 58 <div class="a" style="height: 10px"/> |
58 <div class="b"/> | 59 <div class="b"/> |
59 <div class="c" style="height: 20px"/> | 60 <div class="c" style="height: 20px"/> |
60 </div> | 61 </div> |
61 | 62 |
62 <div class="flexbox" style="height: 20px"> | 63 <div class="flexbox" style="height: 20px"> |
63 <div class="b"/> | 64 <div class="b"/> |
| 65 <div class="c" style="height: 10px"/> |
64 </div> | 66 </div> |
65 | 67 |
66 <div class="flexbox"> | 68 <div class="flexbox"> |
67 <div class="a" style="height: 6px"/> | 69 <div class="a" style="height: 6px"/> |
68 <div class="b"/> | 70 <div class="b"/> |
69 <div class="c" style="height: 12px"/> | 71 <div class="c" style="height: 12px"/> |
70 </div> | 72 </div> |
71 | 73 |
72 <div class="flexbox"> | 74 <div class="flexbox"> |
73 <div class="a" style="height: 40px"/> | 75 <div class="a" style="height: 40px"/> |
74 <div class="b" style="height: 40px"/> | 76 <div class="b" style="height: 40px"/> |
75 <div class="c" style="height: 60px"/> | 77 <div class="c" style="height: 60px"/> |
76 </div> | 78 </div> |
77 | 79 |
78 </body> | 80 </body> |
79 </html> | 81 </html> |
OLD | NEW |