| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <style> | 3 <style> |
| 4 body { | 4 body { |
| 5 margin: 0; | 5 margin: 0; |
| 6 } | 6 } |
| 7 .flexbox { | 7 .flexbox { |
| 8 width: 600px; | 8 width: 600px; |
| 9 display: flex; | 9 display: flex; |
| 10 background-color: grey; | 10 background-color: grey; |
| 11 } | 11 } |
| 12 .flexbox > div { | 12 .flexbox > div { |
| 13 height: 20px; | 13 height: 20px; |
| 14 width: 20px; | 14 width: 20px; |
| 15 border: 0; | 15 border: 0; |
| 16 } | 16 } |
| 17 | 17 |
| 18 .rtl { | 18 .rtl { |
| 19 direction: rtl; | 19 direction: rtl; |
| 20 } | 20 } |
| 21 | 21 |
| 22 .bt { | |
| 23 -webkit-writing-mode: horizontal-bt; | |
| 24 } | |
| 25 | |
| 26 .vertical-rl, .vertical-lr, .column, .column-reverse { | 22 .vertical-rl, .vertical-lr, .column, .column-reverse { |
| 27 height: 600px; | 23 height: 600px; |
| 28 } | 24 } |
| 29 | 25 |
| 30 .vertical-rl { | 26 .vertical-rl { |
| 31 -webkit-writing-mode: vertical-rl; | 27 -webkit-writing-mode: vertical-rl; |
| 32 } | 28 } |
| 33 | 29 |
| 34 .vertical-lr { | 30 .vertical-lr { |
| 35 -webkit-writing-mode: vertical-lr; | 31 -webkit-writing-mode: vertical-lr; |
| (...skipping 108 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 144 | 140 |
| 145 <div style="position: relative;"> | 141 <div style="position: relative;"> |
| 146 <div data-expected-height="600" class="flexbox vertical-rl column-reverse"> | 142 <div data-expected-height="600" class="flexbox vertical-rl column-reverse"> |
| 147 <div data-offset-x="0" data-expected-width="500" style="flex: 1 0 0; min-width
: 300px; margin-bottom: 100px"></div> | 143 <div data-offset-x="0" data-expected-width="500" style="flex: 1 0 0; min-width
: 300px; margin-bottom: 100px"></div> |
| 148 <div data-offset-x="500" data-offset-y="100" data-expected-width="100" style="
flex: 1 0 200px; max-width: 100px; margin: 100px 0 50px 0;"></div> | 144 <div data-offset-x="500" data-offset-y="100" data-expected-width="100" style="
flex: 1 0 200px; max-width: 100px; margin: 100px 0 50px 0;"></div> |
| 149 </div> | 145 </div> |
| 150 </div> | 146 </div> |
| 151 | 147 |
| 152 </body> | 148 </body> |
| 153 </html> | 149 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1419813004:
Remove the "horizontal-bt" value from -webkit-writing-mode (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master