0001-montlouis-sur-loire-update-steps-36765.patch
static/montlouis-sur-loire/_custom.scss | ||
---|---|---|
606 | 606 |
padding-left: 10px; |
607 | 607 |
} |
608 | 608 | |
609 |
div#steps ol li { |
|
610 |
span.marker { |
|
611 |
display: inline-block; |
|
612 |
font-size: 21px; |
|
613 |
border: 1px solid #b4b4b4; |
|
614 |
display: inline-block; |
|
615 |
border-radius: 50%; |
|
616 |
padding: 2px 10px; |
|
617 |
font-weight: bold; |
|
618 |
margin-right: 1ex; |
|
609 |
// Steps |
|
610 |
.wcs-step { |
|
611 |
&--label { |
|
612 |
letter-spacing: 1px; |
|
619 | 613 |
} |
620 |
&.current { |
|
621 |
border-bottom: 1px solid #ccc; |
|
622 |
color: $primary-color; |
|
623 |
span.marker { |
|
624 |
border-color: $primary-color; |
|
625 |
background: $primary-color; |
|
626 |
color: white; |
|
614 |
&:not(.current) & { |
|
615 |
&--marker { |
|
616 |
border: 1px solid; |
|
627 | 617 |
} |
628 | 618 |
} |
629 |
&.step-before { |
|
630 |
span.marker { |
|
631 |
background: #b4b4b4; |
|
632 |
color: white; |
|
633 |
} |
|
619 |
@include desktop-vertical-steps() { |
|
620 |
border-bottom: 1px solid #ccc !important; |
|
634 | 621 |
} |
635 | 622 |
} |
636 | 623 |
static/montlouis-sur-loire/_vars.scss | ||
---|---|---|
32 | 32 |
$grid-gutter: 0px; |
33 | 33 |
$widget-border: 2px solid #b4b4b4; |
34 | 34 | |
35 |
$wcs-steps-spacing: 0.5rem; |
|
36 |
$wcs-step-border-bottom: none; |
|
37 |
$wcs-step-background: white; |
|
38 |
$wcs-step-marker-type: disc; |
|
39 |
$wcs-step-marker-size: 1.8em; |
|
40 |
$wcs-step-current-marker-color: #fff; |
|
41 |
$wcs-step-current-marker-background: $primary-color; |
|
42 | ||
35 | 43 |
@import '../includes/font-khand'; |
36 | 44 |
@import '../includes/font-archivo-narrow'; |
37 |
- |