0004-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-background: $primary-color; |
|
| 44 |
$wcs-step-current-label-color: $primary-color; |
|
| 45 |
$wcs-step-marker-tie-color: $secondary-color; |
|
| 46 |
$wcs-step-marker-tie-width: 3px; |
|
| 47 | ||
| 36 | 48 |
$cell-border: 0; |
| 37 | 49 |
$cell-entry-hover-color: #fff; |
| 38 | 50 |
$cell-entry-hover-background: $secondary-color; |
| 39 |
- |
|