Chromium Code Reviews| 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 |