0001-alpes-maritimes-2018-updates-steps-36765.patch
static/alpes-maritimes-2018/_custom.scss | ||
---|---|---|
467 | 467 |
} |
468 | 468 |
} |
469 | 469 | |
470 |
/* Steps */ |
|
470 | 471 | |
471 |
/* steps */ |
|
472 |
.wcs-step--marker { |
|
473 |
font-weight: bold; |
|
474 |
border: 2px solid $primary-color; |
|
475 |
} |
|
476 | ||
477 |
.wcs-step.current { |
|
478 |
.wcs-step--label { |
|
479 |
font-weight: bold; |
|
480 |
} |
|
481 |
} |
|
482 | ||
483 |
@media (min-width: $mobile-limit + 1) { |
|
484 |
@if ($form-sidebar-position == left or $form-sidebar-position == right) { |
|
485 |
.wcs-step { |
|
486 |
font-size: 1.25em; |
|
487 |
&--label { |
|
488 |
margin-left: $wcs-steps-spacing / 2; |
|
489 |
} |
|
490 |
} |
|
491 |
} |
|
492 |
} |
|
472 | 493 | |
473 |
div#steps ol, div#social-steps ol { |
|
494 |
/* Social steps */ |
|
495 | ||
496 |
div#social-steps ol { |
|
474 | 497 |
background: #fff; |
475 | 498 |
position: relative; |
476 | 499 |
li { |
... | ... | |
506 | 529 |
} |
507 | 530 |
} |
508 | 531 | |
509 |
div#steps ol { |
|
510 |
@media screen and (min-width: $mobile-limit) { |
|
511 |
&::before { |
|
512 |
content: ''; |
|
513 |
position: absolute; |
|
514 |
top: 0; |
|
515 |
left: calc(1.5em + 1ex + 4px); |
|
516 |
bottom: 0; |
|
517 |
width: 3px; |
|
518 |
height: 100%; |
|
519 |
background: $secondary-color; |
|
520 |
} |
|
521 |
} |
|
522 |
li { |
|
523 |
max-width: 15em; |
|
524 |
margin-right: 3em; |
|
525 |
span { |
|
526 |
font-size: 100%; |
|
527 |
&.marker { |
|
528 |
vertical-align: middle; |
|
529 |
font-size: 175%; |
|
530 |
display: table-cell; |
|
531 |
text-align: center; |
|
532 |
@media screen and (max-width: $mobile-limit) { |
|
533 |
font-size: 100%; |
|
534 |
background: #fff; |
|
535 |
color: $primary-color; |
|
536 |
width: 1.25em; |
|
537 |
} |
|
538 |
} |
|
539 |
&.label { |
|
540 |
text-align: left; |
|
541 |
@media screen and (max-width: $mobile-limit) { |
|
542 |
display: none; |
|
543 |
} |
|
544 |
} |
|
545 |
} |
|
546 |
@media screen and (max-width: $mobile-limit) { |
|
547 |
padding: 0; |
|
548 |
&:not(:last-child) { |
|
549 |
&::after { |
|
550 |
content: ''; |
|
551 |
width: 2.5em; |
|
552 |
height: 3px; |
|
553 |
background: $secondary-color; |
|
554 |
position: absolute; |
|
555 |
right: -3em; |
|
556 |
top: 50%; |
|
557 |
} |
|
558 |
} |
|
559 |
} |
|
560 |
} |
|
561 |
} |
|
562 | ||
563 | 532 |
div#social-steps ol { |
564 | 533 |
display: flex; |
565 | 534 |
display: -ms-flex; |
static/alpes-maritimes-2018/_vars.scss | ||
---|---|---|
33 | 33 | |
34 | 34 |
$form-sidebar-position: right; |
35 | 35 | |
36 |
$wcs-steps-background: #fff; |
|
37 |
$wcs-steps-spacing: 1.4rem; |
|
38 |
$wcs-step-border-bottom: none; |
|
39 |
$wcs-step_color: $primary-color; |
|
40 |
$wcs-step-marker-size: 2.5em; |
|
41 |
$wcs-step-marker-type: disc tied; |
|
42 |
$wcs-step-marker-background: #fff; |
|
43 |
$wcs-step-current-marker-color: #fff; |
|
44 |
$wcs-step-current-marker-background: $primary-color; |
|
45 |
$wcs-step-current-label-color: $primary-color; |
|
46 |
$wcs-step-marker-tie-color: $secondary-color; |
|
47 |
$wcs-step-marker-tie-width: 3px; |
|
48 | ||
36 | 49 |
$cell-border: 0; |
37 | 50 |
$cell-entry-hover-color: #fff; |
38 | 51 |
$cell-entry-hover-background: $secondary-color; |
39 |
- |