| @@ -418,8 +418,41 @@ | ||
| 418 | 418 | position: relative; |
| 419 | 419 | min-height: 30px; |
| 420 | 420 | } |
| 421 | 421 | |
| 422 | +.wowp-snippet__list dt { | |
| 423 | + padding-top: 0.5rem; | |
| 424 | +} | |
| 425 | +.wowp-snippet__list dt:has(input:checked) { | |
| 426 | + background-color: #f0f0f1; | |
| 427 | + margin-inline: -1.25rem; | |
| 428 | + padding-inline: 1.25rem; | |
| 429 | + transition: background-color 0.2s ease-out; | |
| 430 | +} | |
| 431 | +.wowp-snippet__list dt:has(input:checked) + dd { | |
| 432 | + background-color: #f0f0f1; | |
| 433 | + margin-inline: -1.25rem; | |
| 434 | + padding-inline: calc(1.25rem + 24px) 1.25rem; | |
| 435 | + transition: background-color 0.2s ease-out; | |
| 436 | +} | |
| 437 | +.wowp-snippet__list dt label { | |
| 438 | + font-weight: 700; | |
| 439 | + font-size: 16px; | |
| 440 | +} | |
| 441 | +.wowp-snippet__list dt input { | |
| 442 | + margin-right: 8px; | |
| 443 | +} | |
| 444 | +.wowp-snippet__list dd { | |
| 445 | + padding-top: 8px; | |
| 446 | + margin-left: 0; | |
| 447 | + padding-left: 24px; | |
| 448 | +} | |
| 449 | +.wowp-snippet__list dd:not(:last-child) { | |
| 450 | + padding-bottom: 8px; | |
| 451 | + margin-bottom: 0; | |
| 452 | + border-bottom: 1px dashed #8c8f94; | |
| 453 | +} | |
| 454 | + | |
| 422 | 455 | .wowp-notice { |
| 423 | 456 | padding: 22px; |
| 424 | 457 | border-right: none; |
| 425 | 458 | border-top: none; |
| @@ -759,8 +792,23 @@ | ||
| 759 | 792 | color: var(--wowp-dark); |
| 760 | 793 | } |
| 761 | 794 | .wowp-input-group input { |
| 762 | 795 | padding-right: 21px; |
| 796 | +} | |
| 797 | + | |
| 798 | +.wpcoder-expand { | |
| 799 | + margin-top: 8px; | |
| 800 | +} | |
| 801 | + | |
| 802 | +.wpcoder-expand__title { | |
| 803 | + color: var(--wowp-blue); | |
| 804 | + font-weight: 600; | |
| 805 | + font-size: 14px; | |
| 806 | + cursor: pointer; | |
| 807 | +} | |
| 808 | + | |
| 809 | +.wpcoder-expand__content { | |
| 810 | + padding-block: 8px; | |
| 763 | 811 | } |
| 764 | 812 | |
| 765 | 813 | .wowp-wrap { |
| 766 | 814 | padding: 22px 16px 50px 16px; |
