0001-meyzieu-2018-inverse-steps-label-and-number-order-22.patch
static/meyzieu-2018/_custom.scss | ||
---|---|---|
294 | 294 |
text-align: center; |
295 | 295 |
} |
296 | 296 |
ol li { |
297 |
@include flexbox(); |
|
298 |
@include flex-direction(row-reverse); |
|
299 |
@include justify-content(flex-start); |
|
300 |
align-items: center; |
|
297 | 301 |
border: 0; |
298 | 302 |
position: relative; |
303 |
@media screen and (max-width: $mobile-limit) { |
|
304 |
display: inline-block; |
|
305 |
} |
|
299 | 306 |
&.first span.marker::after { |
300 | 307 |
display: none; |
301 | 308 |
} |
... | ... | |
309 | 316 |
color: $primary-color; |
310 | 317 |
} |
311 | 318 |
} |
312 |
span {
|
|
319 |
span { |
|
313 | 320 |
margin: 0 3px; |
314 | 321 |
vertical-align: middle; |
315 | 322 |
&.marker { |
323 |
box-sizing: border-box; |
|
316 | 324 |
display: inline-flex; |
317 | 325 |
border-radius: 50%; |
318 | 326 |
padding: 1em; |
319 | 327 |
@include justify-content(center); |
320 | 328 |
align-items: center; |
321 |
width: 1vw;
|
|
322 |
height: 1vw;
|
|
329 |
width: 3.5vw;
|
|
330 |
height: 3.5vw;
|
|
323 | 331 |
background: #e0e0de; |
324 | 332 |
font-size: calc(#{$font-size} + 0.5vw); |
325 | 333 |
color: #c2c3c1; |
... | ... | |
335 | 343 |
@media screen and (max-width: $mobile-limit) { |
336 | 344 |
width: 20%; |
337 | 345 |
height: 1px; |
338 |
left: -35%;
|
|
346 |
left: -40%;
|
|
339 | 347 |
top: 50%; |
340 | 348 |
} |
341 | 349 |
} |
342 |
- |