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 |
- |
|