OLD | NEW |
---|---|
(Empty) | |
1 <import src="../resources/dump-as-render-tree.sky" /> | |
2 | |
3 <style> | |
4 block, paragraph, flex { | |
5 width: 100px; | |
6 height: 100px; | |
7 margin-bottom: 50px; | |
8 /* Make it a positioning root. */ | |
9 transform: translate3d(0, 0, 0); | |
10 } | |
11 block { background: pink; } | |
12 paragraph { | |
13 background: orange; | |
14 display: paragraph; | |
15 } | |
16 flex { | |
17 background: salmon; | |
18 display: flex; | |
19 } | |
20 spacer { | |
21 height: 30px; | |
22 width: 30px; | |
23 border: 5px solid purple; | |
24 background: papayawhip; | |
25 } | |
26 absolute { | |
27 position: absolute; | |
28 width: 20px; | |
29 height: 20px; | |
30 background: green; | |
31 } | |
32 </style> | |
33 <block> | |
34 <spacer /> | |
35 <absolute /> | |
36 <spacer /> | |
37 </block> | |
38 | |
39 <paragraph> | |
40 <spacer /> | |
41 <absolute /> | |
42 <spacer /> | |
43 </paragraph> | |
44 | |
45 <flex> | |
46 <spacer /> | |
47 <absolute /> | |
48 <spacer /> | |
49 </flex> | |
OLD | NEW |