OLD | NEW |
1 <style> | 1 <style> |
2 div.test { | 2 div.test { |
3 -webkit-logical-width: 100px; | 3 -webkit-logical-width: 100px; |
4 -webkit-border-before: 5px solid; | 4 -webkit-border-before: 5px solid; |
5 -webkit-border-after: 15px solid; | 5 -webkit-border-after: 15px solid; |
6 -webkit-column-count: 2; | 6 -webkit-column-count: 2; |
7 -webkit-column-gap: 0; | 7 -webkit-column-gap: 0; |
| 8 column-count: 2; |
| 9 column-gap: 0; |
| 10 column-fill: auto; |
8 background-color: lightblue; | 11 background-color: lightblue; |
9 } | 12 } |
10 div.container { | 13 div.container { |
11 -webkit-logical-height: 120px; | 14 -webkit-logical-height: 120px; |
12 background-color: red; | 15 background-color: red; |
13 -webkit-logical-width: 100px; | 16 -webkit-logical-width: 100px; |
14 -webkit-margin-after: 8px; | 17 -webkit-margin-after: 8px; |
15 } | 18 } |
16 </style> | 19 </style> |
17 <div> | 20 <div> |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
61 <div class="container"> | 64 <div class="container"> |
62 <div class="test"> | 65 <div class="test"> |
63 <div style="-webkit-logical-height: 10px;"></div> | 66 <div style="-webkit-logical-height: 10px;"></div> |
64 <div style="-webkit-column-break-before: always;"> | 67 <div style="-webkit-column-break-before: always;"> |
65 <div style="-webkit-logical-height: 100px; background-color: yel
low;"></div> | 68 <div style="-webkit-logical-height: 100px; background-color: yel
low;"></div> |
66 </div> | 69 </div> |
67 <div></div> | 70 <div></div> |
68 </div> | 71 </div> |
69 </div> | 72 </div> |
70 </div> | 73 </div> |
OLD | NEW |