0001-saint-chamond-update-steps-36765.patch
static/saint-chamond/_custom.scss | ||
---|---|---|
191 | 191 |
} |
192 | 192 |
} |
193 | 193 | |
194 |
div#steps { |
|
195 |
@media screen and (max-width: $nav-mobile-limit) { |
|
196 |
ol { |
|
197 |
text-align: center; |
|
198 |
padding-top: 5px; |
|
199 |
} |
|
194 |
// Steps |
|
195 |
.wcs-steps { |
|
196 |
margin-top: $wcs-steps-spacing * 2; |
|
197 |
&--list { |
|
198 |
justify-content: center; |
|
200 | 199 |
} |
201 |
ol li { |
|
202 |
border: none; |
|
200 |
} |
|
201 |
@media ($mq-min--wcs-steps-horizontal-layout) { |
|
202 |
.wcs-step--label { |
|
203 | 203 |
text-align: center; |
204 |
&.current span.marker, |
|
205 |
span.marker { |
|
206 |
background: $turquoise; |
|
207 |
border-radius: 100%; |
|
208 |
color: white; |
|
209 |
width: 50px; |
|
210 |
margin: 0 auto; |
|
211 |
display: inline-block; |
|
212 |
@media screen and (max-width: $nav-mobile-limit) { |
|
213 |
width: 16px; |
|
214 |
border: none; |
|
215 |
} |
|
216 |
} |
|
217 |
&.current span.marker { |
|
218 |
background: $blue; |
|
219 |
} |
|
220 |
span.label { |
|
221 |
display: block; |
|
222 |
color: $font-color; |
|
223 |
margin-top: 5px; |
|
224 |
@media screen and (max-width: $nav-mobile-limit) { |
|
225 |
display: none; |
|
226 |
} |
|
204 |
} |
|
205 |
} |
|
206 |
@include desktop-vertical-steps() { |
|
207 |
.wcs-step { |
|
208 |
flex-direction: column; |
|
209 |
align-items: center; |
|
210 |
margin-bottom: $wcs-steps-spacing * 3; |
|
211 | ||
212 |
&--label { |
|
213 |
margin-top: $wcs-steps-spacing; |
|
227 | 214 |
} |
228 | 215 |
} |
229 | 216 |
} |
static/saint-chamond/_vars.scss | ||
---|---|---|
27 | 27 |
$border-radius: 0; |
28 | 28 |
$button-background: $blue; |
29 | 29 |
$widget-focus-border: 1px solid $blue2; |
30 | ||
31 |
$wcs-step-border-bottom: none; |
|
32 |
$wcs-step-color: $font-color; |
|
33 |
$wcs-step-current-color: black; |
|
34 |
$wcs-step-marker-background: $turquoise; |
|
35 |
$wcs-step-marker-color: #fff; |
|
36 |
$wcs-step-current-marker-color: #fff; |
|
37 |
$wcs-step-current-marker-background: $blue; |
|
38 |
$wcs-step-marker-type: disc; |
|
30 |
- |