Projet

Général

Profil

0001-meyzieu-2018-inverse-steps-label-and-number-order-22.patch

Voir les différences:

Subject: [PATCH] meyzieu-2018: inverse steps label and number order (#22108)

 static/meyzieu-2018/_custom.scss | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)
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
-