| OLD | NEW |
|---|
| 1 .flexbox { | 1 .flexbox { |
| 2 display: -webkit-flex; | 2 display: -webkit-flex; |
| 3 display: flex; | 3 display: flex; |
| 4 } | 4 } |
| 5 .inline-flexbox { | 5 .inline-flexbox { |
| 6 display: -webkit-inline-flex; | 6 display: -webkit-inline-flex; |
| 7 display: inline-flex; | 7 display: inline-flex; |
| 8 } | 8 } |
| 9 | 9 |
| 10 .flex-none { | 10 .flex-none { |
| (...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 101 align-self: auto; | 101 align-self: auto; |
| 102 } | 102 } |
| 103 .align-self-flex-start { | 103 .align-self-flex-start { |
| 104 -webkit-align-self: flex-start; | 104 -webkit-align-self: flex-start; |
| 105 align-self: flex-start; | 105 align-self: flex-start; |
| 106 } | 106 } |
| 107 .align-self-flex-end { | 107 .align-self-flex-end { |
| 108 -webkit-align-self: flex-end; | 108 -webkit-align-self: flex-end; |
| 109 align-self: flex-end; | 109 align-self: flex-end; |
| 110 } | 110 } |
| 111 .align-self-start { |
| 112 -webkit-align-self: start; |
| 113 align-self: start; |
| 114 } |
| 115 .align-self-end { |
| 116 -webkit-align-self: end; |
| 117 align-self: end; |
| 118 } |
| 119 .align-self-self-start { |
| 120 -webkit-align-self: self-start; |
| 121 align-self: self-start; |
| 122 } |
| 123 .align-self-self-end { |
| 124 -webkit-align-self: self-end; |
| 125 align-self: self-end; |
| 126 } |
| 127 .align-self-left { |
| 128 -webkit-align-self: left; |
| 129 align-self: left; |
| 130 } |
| 131 .align-self-right { |
| 132 -webkit-align-self: right; |
| 133 align-self: right; |
| 134 } |
| 111 .align-self-center { | 135 .align-self-center { |
| 112 -webkit-align-self: center; | 136 -webkit-align-self: center; |
| 113 align-self: center; | 137 align-self: center; |
| 114 } | 138 } |
| 115 .align-self-baseline { | 139 .align-self-baseline { |
| 116 -webkit-align-self: baseline; | 140 -webkit-align-self: baseline; |
| 117 align-self: baseline; | 141 align-self: baseline; |
| 118 } | 142 } |
| 119 .align-self-stretch { | 143 .align-self-stretch { |
| 120 -webkit-align-self: stretch; | 144 -webkit-align-self: stretch; |
| (...skipping 13 matching lines...) Expand all Loading... |
| 134 justify-content: center; | 158 justify-content: center; |
| 135 } | 159 } |
| 136 .justify-content-space-between { | 160 .justify-content-space-between { |
| 137 -webkit-justify-content: space-between; | 161 -webkit-justify-content: space-between; |
| 138 justify-content: space-between; | 162 justify-content: space-between; |
| 139 } | 163 } |
| 140 .justify-content-space-around { | 164 .justify-content-space-around { |
| 141 -webkit-justify-content: space-around; | 165 -webkit-justify-content: space-around; |
| 142 justify-content: space-around; | 166 justify-content: space-around; |
| 143 } | 167 } |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1268753002:
[css-flexbox] Implementing new CSS Box Alignment values (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master