0001-grand-chambery-update-steps-36765.patch
| static/grand-chambery/_custom.scss | ||
|---|---|---|
| 391 | 391 |
} |
| 392 | 392 |
} |
| 393 | 393 |
} |
| 394 |
div#steps {
|
|
| 395 |
margin-top: -80px; |
|
| 396 |
h2 {
|
|
| 397 |
display: block; |
|
| 398 |
color: black; |
|
| 399 |
font-weight: normal; |
|
| 400 |
margin-top: 0; |
|
| 401 |
margin-left: 1rem; |
|
| 402 |
text-transform: uppercase; |
|
| 403 |
color: $red; |
|
| 404 |
} |
|
| 405 |
ol {
|
|
| 406 |
padding-top: 1rem; |
|
| 407 |
li {
|
|
| 408 |
box-shadow: 0 5px 5px #666; |
|
| 409 |
border-radius: 10px; |
|
| 410 |
display: flex; |
|
| 411 |
align-items: stretch; |
|
| 412 |
padding: 0; |
|
| 413 |
border: 0; |
|
| 414 |
span {
|
|
| 415 |
font-size: 1.1rem; |
|
| 416 |
padding: 1rem; |
|
| 417 |
color: black; |
|
| 418 |
} |
|
| 419 |
span.marker {
|
|
| 420 |
background: $red; |
|
| 421 |
font-weight: normal; |
|
| 422 |
color: white; |
|
| 423 |
&::after {
|
|
| 424 |
content: "-"; |
|
| 425 |
} |
|
| 426 |
border-radius: 10px 0 0 10px; |
|
| 427 |
} |
|
| 428 |
&.current {
|
|
| 429 |
span {
|
|
| 430 |
font-weight: normal; |
|
| 431 |
color: white; |
|
| 432 |
} |
|
| 433 |
} |
|
| 434 |
} |
|
| 435 |
} |
|
| 436 |
} |
|
| 394 | ||
| 437 | 395 |
@media screen and (max-width: $mobile-limit) {
|
| 438 | 396 |
width: 100%; |
| 439 | 397 |
+ div#rub_service {
|
| ... | ... | |
| 465 | 423 |
float: none; |
| 466 | 424 |
} |
| 467 | 425 |
} |
| 468 |
div#steps {
|
|
| 469 |
h2 {
|
|
| 470 |
display: none; |
|
| 471 |
} |
|
| 472 |
margin-bottom: 1rem; |
|
| 473 |
ol {
|
|
| 474 |
li {
|
|
| 475 |
margin-bottom: 0.5rem; |
|
| 476 |
} |
|
| 426 |
} |
|
| 427 |
} |
|
| 428 | ||
| 429 |
//Steps |
|
| 430 |
.wcs-steps {
|
|
| 431 |
clear: both; |
|
| 432 |
padding-top: $wcs-steps-spacing; |
|
| 433 |
} |
|
| 434 |
.wcs-step {
|
|
| 435 |
box-shadow: 0 5px 5px #666; |
|
| 436 |
border-radius: 10px; |
|
| 437 |
font-weight: normal; |
|
| 438 |
overflow: hidden; |
|
| 439 | ||
| 440 |
&--marker, |
|
| 441 |
&--label {
|
|
| 442 |
font-weight: normal !important; |
|
| 443 |
} |
|
| 444 |
} |
|
| 445 |
@include desktop-vertical-steps() {
|
|
| 446 |
.wcs-steps {
|
|
| 447 |
padding-top: 0; |
|
| 448 |
margin-top: -80px; |
|
| 449 |
h2 {
|
|
| 450 |
font-size: 1.5rem; |
|
| 451 |
display: block; |
|
| 452 |
font-weight: normal; |
|
| 453 |
margin-top: 0; |
|
| 454 |
margin-left: 1rem; |
|
| 455 |
text-transform: uppercase; |
|
| 456 |
color: $red; |
|
| 457 |
} |
|
| 458 |
&--list {
|
|
| 459 |
padding-top: 1rem; |
|
| 460 |
} |
|
| 461 |
} |
|
| 462 |
.wcs-step {
|
|
| 463 |
min-height: $wcs-step-marker-size; |
|
| 464 |
margin-bottom: 1.5rem; |
|
| 465 | ||
| 466 |
&--marker {
|
|
| 467 |
background: $red; |
|
| 468 |
color: #fff; |
|
| 469 |
height: auto; |
|
| 470 |
&-nb::after {
|
|
| 471 |
content: "-" |
|
| 477 | 472 |
} |
| 478 | 473 |
} |
| 474 |
&--label {
|
|
| 475 |
font-size: .8em; |
|
| 476 |
padding-top: $wcs-steps-spacing; |
|
| 477 |
padding-bottom: $wcs-steps-spacing; |
|
| 478 |
color: inherit !important; |
|
| 479 |
} |
|
| 480 | ||
| 481 |
&.current {
|
|
| 482 |
background: $red; |
|
| 483 |
color: #fff; |
|
| 484 |
} |
|
| 479 | 485 |
} |
| 480 | 486 |
} |
| 481 | 487 | |
| static/grand-chambery/_vars.scss | ||
|---|---|---|
| 35 | 35 | |
| 36 | 36 |
$widget-unique-checkbox-position: left; |
| 37 | 37 |
$widget-custom-radio-checkbox: true; |
| 38 | ||
| 39 |
$wcs-steps-spacing: 1rem; |
|
| 40 |
$wcs-step-border-bottom: none; |
|
| 41 |
$wcs-step-color: #000; |
|
| 42 |
$wcs-step-background-color: #fff; |
|
| 43 |
$wcs-step-current-marker-background: $primary-color; |
|
| 44 |
$wcs-step-current-marker-color: #fff; |
|
| 45 | ||
| 38 |
- |
|