0001-roannais-agglomeration-update-steps-36765.patch
static/roannais-agglomeration/_custom.scss | ||
---|---|---|
177 | 177 |
} |
178 | 178 |
} |
179 | 179 | |
180 |
div#steps { |
|
181 |
@media screen and (max-width: $nav-mobile-limit) { |
|
182 |
ol { |
|
183 |
text-align: center; |
|
184 |
padding-top: 5px; |
|
185 |
} |
|
180 |
// Steps |
|
181 |
.wcs-steps { |
|
182 |
&--list { |
|
183 |
justify-content: center; |
|
186 | 184 |
} |
187 |
ol li { |
|
188 |
border: none; |
|
185 |
} |
|
186 |
@media ($mq-min--wcs-steps-horizontal-layout) { |
|
187 |
.wcs-step--label { |
|
189 | 188 |
text-align: center; |
190 |
&.current span.marker, |
|
191 |
span.marker { |
|
192 |
background: #8c8c8c; |
|
193 |
font-size: 30px; |
|
194 |
border-radius: 100%; |
|
195 |
color: white; |
|
196 |
width: 50px; |
|
197 |
height: 50px; |
|
198 |
line-height: 50px; |
|
199 |
margin: 0 auto; |
|
200 |
@media screen and (max-width: $nav-mobile-limit) { |
|
201 |
width: 16px; |
|
202 |
border: none; |
|
203 |
} |
|
204 |
} |
|
205 |
&.current span.marker { |
|
206 |
background: $red; |
|
207 |
} |
|
208 |
span.label { |
|
209 |
display: block; |
|
210 |
color: $font-color; |
|
211 |
margin-top: 5px; |
|
212 |
@media screen and (max-width: $nav-mobile-limit) { |
|
213 |
display: none; |
|
214 |
} |
|
189 |
} |
|
190 |
} |
|
191 |
@include desktop-vertical-steps() { |
|
192 |
.wcs-step { |
|
193 |
flex-direction: column; |
|
194 |
align-items: center; |
|
195 |
margin-bottom: $wcs-steps-spacing * 3; |
|
196 | ||
197 |
&--label { |
|
198 |
margin-top: $wcs-steps-spacing; |
|
215 | 199 |
} |
216 | 200 |
} |
217 | 201 |
} |
static/roannais-agglomeration/_vars.scss | ||
---|---|---|
33 | 33 |
$border-radius: 0; |
34 | 34 |
$button-background: $red; |
35 | 35 |
$widget-focus-border: 1px solid $red2; |
36 | ||
37 |
$wcs-step-border-bottom: none; |
|
38 |
$wcs-step-color: $font-color; |
|
39 |
$wcs-step-current-color: black; |
|
40 |
$wcs-step-marker-background: #8c8c8c; |
|
41 |
$wcs-step-marker-color: #fff; |
|
42 |
$wcs-step-current-marker-color: #fff; |
|
43 |
$wcs-step-current-marker-background: $red; |
|
44 |
$wcs-step-marker-type: disc; |
|
45 | ||
36 |
- |