0001-CSS-remove-vendor-prefixed-flexbox-properties-42287.patch
| static/includes/_cells.scss | ||
|---|---|---|
| 161 | 161 |
border-bottom: 1px solid $cell-entry-border-color; |
| 162 | 162 |
} |
| 163 | 163 |
& > li > a {
|
| 164 |
display: -ms-flexbox; |
|
| 165 | 164 |
display: flex; |
| 166 |
-ms-align-items: baseline; |
|
| 167 | 165 |
align-items: baseline; |
| 168 | 166 | |
| 169 |
-ms-flex-wrap: wrap; |
|
| 170 | 167 |
flex-wrap: wrap; |
| 171 | 168 |
padding: 1rem; |
| 172 | 169 |
color: $cell-entry-color; |
| ... | ... | |
| 262 | 259 |
} |
| 263 | 260 |
@if $cell-image-position == top {
|
| 264 | 261 |
> div {
|
| 265 |
display: -ms-flexbox; |
|
| 266 | 262 |
display: flex; |
| 267 | 263 |
flex-direction: column; |
| 268 |
-ms-flex-direction: column; |
|
| 269 | 264 |
div {
|
| 270 |
-ms-flex-order: 4; |
|
| 271 | 265 |
order: 4; |
| 272 | 266 |
} |
| 273 | 267 |
div.intro {
|
| 274 |
-ms-flex-order: 2; |
|
| 275 | 268 |
order: 2; |
| 276 | 269 |
} |
| 277 | 270 |
picture {
|
| 278 |
-ms-flex-order: 0; |
|
| 279 | 271 |
order: 0; |
| 280 | 272 |
img {
|
| 281 | 273 |
border-radius: $cell-border-radius $cell-border-radius 0 0; |
| ... | ... | |
| 285 | 277 |
} |
| 286 | 278 |
} |
| 287 | 279 |
> h2:first-child {
|
| 288 |
-ms-flex-order: 1; |
|
| 289 | 280 |
order: 1; |
| 290 | 281 |
border-radius: 0; |
| 291 | 282 |
} |
| ... | ... | |
| 300 | 291 | |
| 301 | 292 |
div.list-of-forms {
|
| 302 | 293 |
span.form-number {
|
| 303 |
-ms-flex-grow: 1; |
|
| 304 | 294 |
flex-grow: 1; |
| 305 | 295 | |
| 306 | 296 |
margin-right: 1rem; |
| ... | ... | |
| 388 | 378 |
div.searchcell {
|
| 389 | 379 |
form {
|
| 390 | 380 |
position: relative; |
| 391 |
display: -ms-flexbox; |
|
| 392 | 381 |
display: flex; |
| 393 | 382 |
padding: 1em; |
| 394 | 383 |
input {
|
| 395 |
-ms-flex: 1; |
|
| 396 | 384 |
flex: 1; |
| 397 | 385 |
margin-right: 1rem; |
| 398 | 386 |
} |
| static/includes/_forms.scss | ||
|---|---|---|
| 566 | 566 |
// Buttons order & alignment configuration |
| 567 | 567 |
@if $buttons-order or $buttons-alignment {
|
| 568 | 568 |
div.buttons {
|
| 569 |
display: -ms-flexbox; |
|
| 570 | 569 |
display: flex; |
| 571 |
-ms-flex-wrap: wrap; |
|
| 572 | 570 |
flex-wrap: wrap; |
| 573 |
-ms-flex-pack: $buttons-alignment; |
|
| 574 | 571 |
justify-content: $buttons-alignment; |
| 575 | 572 | |
| 576 | 573 |
@each $btn, $grow in $buttons-order {
|
| ... | ... | |
| 580 | 577 |
} |
| 581 | 578 | |
| 582 | 579 |
.#{$btn}-button {
|
| 583 |
-ms-flex-order: $i; |
|
| 584 | 580 |
order: $i; |
| 585 | 581 |
@if ($grow == 'grow') {
|
| 586 |
-ms-flex-positive: 1; |
|
| 587 | 582 |
flex-grow: 1; |
| 588 | 583 |
} |
| 589 | 584 |
} |
| static/includes/_layout.scss | ||
|---|---|---|
| 29 | 29 |
} |
| 30 | 30 | |
| 31 | 31 |
div#page {
|
| 32 |
display: -ms-flexbox; |
|
| 33 |
display: -webkit-flex; |
|
| 34 | 32 |
display: flex; |
| 35 | 33 |
min-height: 100vh; |
| 36 |
-ms-flex-direction: column; |
|
| 37 |
-webkit-direction: column; |
|
| 38 | 34 |
flex-direction: column; |
| 39 | 35 |
} |
| 40 | 36 | |
| 41 | 37 |
div#page div#main-content-wrapper, |
| 42 | 38 |
div#page main {
|
| 43 |
-ms-flex: 1 0 auto; |
|
| 44 |
-webkit-flex: 1 0 auto; |
|
| 45 | 39 |
flex: 1 0 auto; |
| 46 | 40 |
width: 100%; |
| 47 | 41 |
} |
| ... | ... | |
| 98 | 92 |
} |
| 99 | 93 | |
| 100 | 94 |
#columns {
|
| 101 |
-ms-flex: 1 auto; |
|
| 102 |
-webkit-flex-grow: 1; |
|
| 103 | 95 |
flex-grow: 1; |
| 104 | 96 |
max-width: 100%; |
| 105 | 97 |
} |
| 106 | 98 | |
| 107 | 99 |
.gru-content {
|
| 108 |
display: -ms-flexbox; |
|
| 109 |
display: -webkit-flex; |
|
| 110 | 100 |
display: flex; |
| 111 | 101 |
#sidebar {
|
| 112 |
-ms-flex: 0 0 $sidebar-width; |
|
| 113 |
-webkit-flex: 0 0 $sidebar-width; |
|
| 114 | 102 |
flex: 0 0 $sidebar-width; |
| 115 | 103 |
max-width: $sidebar-max-width; |
| 116 | 104 |
@if $sidebar-min-width != 0 {
|
| 117 | 105 |
min-width: $sidebar-min-width; |
| 118 | 106 |
} |
| 119 | 107 |
@if $sidebar-position == right {
|
| 120 |
-ms-flex-order: 1; |
|
| 121 |
-webkit-order: 1; |
|
| 122 | 108 |
order: 1; |
| 123 | 109 |
} |
| 124 | 110 |
div.cell {
|
| ... | ... | |
| 144 | 130 |
} |
| 145 | 131 | |
| 146 | 132 |
.gru-content {
|
| 147 |
-ms-flex-direction: column; |
|
| 148 |
-webkit-flex-direction: column; |
|
| 149 | 133 |
flex-direction: column; |
| 150 | 134 |
#sidebar {
|
| 151 |
-ms-flex: 0 0 auto; |
|
| 152 |
-webkit-flex: 0 0 auto; |
|
| 153 | 135 |
flex: 0 0 auto; |
| 154 | 136 |
max-width: 100%; |
| 155 | 137 |
// don't apply min-width on mobile |
| static/includes/wcs/_nearby-form.scss | ||
|---|---|---|
| 17 | 17 | |
| 18 | 18 |
.nearby-form {
|
| 19 | 19 |
margin: 5px auto; |
| 20 |
display: -ms-flexbox; |
|
| 21 | 20 |
display: flex; |
| 22 |
-ms-align-items: center; |
|
| 23 |
-ms-flex-align: center; |
|
| 24 | 21 |
align-items: center; |
| 25 |
-ms-flex-line-pack: center; |
|
| 26 | 22 |
align-content: center; |
| 27 |
-ms-flex-pack: space-between; |
|
| 28 |
-ms-justify-content: space-between; |
|
| 29 | 23 |
justify-content: space-between; |
| 30 | 24 |
border: $widget-border; |
| 31 | 25 |
padding: 5px; |
| ... | ... | |
| 59 | 53 |
padding: 3px; |
| 60 | 54 |
margin: auto; |
| 61 | 55 |
border-radius: 3px; |
| 62 |
display: -ms-flexbox; |
|
| 63 | 56 |
display: flex; |
| 64 | 57 |
a {
|
| 65 | 58 |
line-height: 1; |
| static/includes/wcs/_steps.scss | ||
|---|---|---|
| 100 | 100 |
.wcs-step {
|
| 101 | 101 |
border-radius: $border-radius; |
| 102 | 102 |
background-color: $wcs-step-background; |
| 103 |
display: -ms-flexbox; |
|
| 104 | 103 |
display: flex; |
| 105 | 104 | |
| 106 | 105 |
&--marker {
|
| ... | ... | |
| 110 | 109 |
font-size: 1em; |
| 111 | 110 |
text-align: center; |
| 112 | 111 | |
| 113 |
display: -ms-flexbox; |
|
| 114 | 112 |
display: flex; |
| 115 | 113 | |
| 116 | 114 |
color: $wcs-step-marker-color; |
| ... | ... | |
| 119 | 117 | |
| 120 | 118 |
width: $wcs-step-marker-size; |
| 121 | 119 |
height: $wcs-step-marker-size; |
| 122 |
-ms-flex: 0 0 $wcs-step-marker-size; |
|
| 123 | 120 |
flex: 0 0 $wcs-step-marker-size; |
| 124 | 121 | |
| 125 | 122 |
&-nb {
|
| ... | ... | |
| 133 | 130 | |
| 134 | 131 |
&--label {
|
| 135 | 132 |
display: block; |
| 136 |
-ms-grid-row-align: center; |
|
| 137 | 133 |
align-self: center; |
| 138 | 134 |
letter-spacing: 1px; |
| 139 | 135 |
line-height: 1.25; |
| ... | ... | |
| 181 | 177 | |
| 182 | 178 |
width: $size; |
| 183 | 179 |
height: $size; |
| 184 |
-ms-flex: 0 0 auto; |
|
| 185 | 180 |
flex: 0 0 auto; |
| 186 |
-ms-flex-align: center; |
|
| 187 | 181 |
align-items: center; |
| 188 |
-ms-flex-pack: center; |
|
| 189 | 182 |
justify-content: center; |
| 190 | 183 | |
| 191 | 184 |
&-nb {
|
| 192 | 185 |
margin: 0; |
| 193 | 186 |
transform: translateY(-0.5em); |
| 194 |
-ms-flex-order: 1; |
|
| 195 | 187 |
order: 1; |
| 196 | 188 |
} |
| 197 | 189 | |
| ... | ... | |
| 200 | 192 |
transform: translateY(0.5em); |
| 201 | 193 |
font-size: 0.75em; |
| 202 | 194 |
font-weight: normal; |
| 203 |
-ms-flex-order: 3; |
|
| 204 | 195 |
order: 3; |
| 205 | 196 |
} |
| 206 | 197 | |
| ... | ... | |
| 208 | 199 |
&::before {
|
| 209 | 200 |
content: ""; |
| 210 | 201 |
display: block; |
| 211 |
-ms-flex: 0 0 0.1em; |
|
| 212 | 202 |
flex: 0 0 0.1em; |
| 213 | 203 |
height: 2em; |
| 214 | 204 |
margin: 0 0.1em; |
| 215 | 205 |
background: currentColor; |
| 216 | 206 |
transform: rotate(30deg); |
| 217 |
-ms-flex-order: 2; |
|
| 218 | 207 |
order: 2; |
| 219 | 208 |
} |
| 220 | 209 |
} |
| ... | ... | |
| 238 | 227 |
.wcs-steps {
|
| 239 | 228 |
&--list {
|
| 240 | 229 |
position: relative; |
| 241 |
display: -ms-flexbox; |
|
| 242 | 230 |
display: flex; |
| 243 |
-ms-flex-wrap: wrap; |
|
| 244 | 231 |
flex-wrap: wrap; |
| 245 | 232 | |
| 246 | 233 |
// keep space for label |
| ... | ... | |
| 303 | 290 |
} |
| 304 | 291 | |
| 305 | 292 |
&--list {
|
| 306 |
-ms-flex-wrap: nowrap; |
|
| 307 | 293 |
flex-wrap: nowrap; |
| 308 |
-ms-flex-direction: column; |
|
| 309 | 294 |
flex-direction: column; |
| 310 | 295 |
// remove keep space for label |
| 311 | 296 |
padding-bottom: 0; |
| ... | ... | |
| 417 | 402 |
content: ""; |
| 418 | 403 |
display: block; |
| 419 | 404 |
height: $wcs-step-marker-tie-width; |
| 420 |
-ms-flex: 0 0 calc(100% + #{$wcs-steps-spacing});
|
|
| 421 | 405 |
flex: 0 0 calc(100% + #{$wcs-steps-spacing});
|
| 422 | 406 |
background-color: $wcs-step-marker-tie-color; |
| 423 | 407 |
margin: auto; |
| 424 |
- |
|