0004-concarneau-update-steps-36765.patch
static/concarneau/_custom.scss | ||
---|---|---|
267 | 267 |
} |
268 | 268 |
} |
269 | 269 | |
270 |
#steps { |
|
271 |
border-top: 12px solid white; |
|
272 |
background-color: $tertiary-color; |
|
273 | ||
274 |
ol { |
|
275 |
padding: 0; |
|
276 | ||
277 |
li { |
|
278 |
margin: 0 1em; |
|
279 |
padding: 1em 0; |
|
280 |
border-bottom: 2px solid #BABABA; |
|
281 |
word-wrap: break-word; |
|
282 | ||
283 |
span { |
|
284 |
float: left; |
|
285 |
color: #333; |
|
286 |
} |
|
287 |
span.marker { |
|
288 |
width: 20%; |
|
289 |
margin-right: 10%; |
|
290 |
line-height: 1em; |
|
291 |
vertical-align: middle; |
|
292 |
text-align: right; |
|
293 |
font-family: OpenSans-Bold,Arial,sans-serif; |
|
294 |
} |
|
295 |
span.label { |
|
296 |
max-width: 70%; |
|
297 |
vertical-align: middle; |
|
298 |
font-style: italic; |
|
299 |
font-size: 0.9em; |
|
300 |
} |
|
301 |
} |
|
302 |
li::after { |
|
303 |
content: ''; |
|
304 |
clear: both; |
|
305 |
display: block; |
|
306 |
} |
|
307 |
li:last-child { |
|
308 |
border-bottom: none; |
|
309 |
} |
|
310 |
li.current { |
|
311 |
background: $primary-color; |
|
312 |
margin: 0; |
|
313 |
border-bottom: none; |
|
314 |
padding-left: 1em; |
|
315 | ||
316 |
span { |
|
317 |
color: white; |
|
318 |
} |
|
319 |
} |
|
320 |
} |
|
321 |
} |
|
322 | 270 |
} |
323 | 271 | |
324 | 272 |
.cell { |
... | ... | |
598 | 546 |
} |
599 | 547 |
} |
600 | 548 | |
601 |
#steps { |
|
602 |
order: 2; |
|
603 |
ol li span.marker, |
|
604 |
ol li.current span.marker { |
|
605 |
background: none; |
|
606 |
border: none; |
|
607 |
} |
|
608 |
ol li { |
|
609 |
display: block; |
|
610 | 549 | |
611 |
span.marker { |
|
612 |
color: $secondary-color; |
|
613 |
} |
|
614 |
} |
|
615 |
ol li.current span.marker { |
|
616 |
padding-left: 5px; |
|
617 |
} |
|
618 |
ol li.current span.label { |
|
619 |
font-weight: bold; |
|
620 |
} |
|
621 |
} |
|
622 | 550 |
} |
623 | 551 |
} |
624 | 552 |
} |
625 | 553 | |
626 | 554 |
} |
555 | ||
556 |
// Steps |
|
557 |
.wcs-steps { |
|
558 |
font-size: 1.4em; |
|
559 |
order: 2; |
|
560 |
clear: both; |
|
561 |
margin-top: 12px; |
|
562 |
} |
|
563 |
.wcs-step { |
|
564 |
&--marker { |
|
565 |
font-family: OpenSans-Bold,Arial,sans-serif; |
|
566 |
font-weight: 700; |
|
567 |
} |
|
568 |
&--label { |
|
569 |
font-style: italic; |
|
570 |
margin: 1em; |
|
571 |
font-size: .7em; |
|
572 |
} |
|
573 |
} |
|
574 | ||
575 |
@include desktop-vertical-steps() { |
|
576 |
.wcs-step { |
|
577 |
font-size: 1.2em; |
|
578 |
&.current { |
|
579 |
background-color: $primary-color; |
|
580 |
color: #fff; |
|
581 |
} |
|
582 |
&--label { |
|
583 |
margin: 0; |
|
584 |
font-size: 0.54em; |
|
585 |
color: inherit !important; |
|
586 |
} |
|
587 |
} |
|
588 |
} |
static/concarneau/_vars.scss | ||
---|---|---|
50 | 50 |
$button-hover-background: #f39200; |
51 | 51 |
$button-hover-color: black; |
52 | 52 | |
53 | ||
54 |
$wcs-steps-spacing: 0; |
|
55 |
$wcs-step-border-bottom: none; |
|
56 |
$wcs-steps-background: $tertiary-color; |
|
57 |
$wcs-step-color: #333; |
|
58 |
$wcs-step-current-color: #333; |
|
59 |
$wcs-step-current-marker-color: #fff; |
|
60 |
$wcs-step-current-marker-background: $primary-color; |
|
61 |
$wcs-step-marker-size: 2.5em; |
|
53 |
- |