| 1 |
@use 'fn'; |
| 2 |
|
| 3 |
$ffm-space-fix: calc(fn.scaleBetween(1.75rem, 3.375rem) - fn.scaleBetween(1.5rem, 2rem)); |
| 4 |
|
| 5 |
.give-repeater-table { |
| 6 |
inline-size: 100%; |
| 7 |
} |
| 8 |
|
| 9 |
.give-section-break { |
| 10 |
padding-block-end: 0.75rem; |
| 11 |
border-block-end: 0.0625rem solid #ddd; |
| 12 |
font-size: fn.scaleBetween(1.25rem, 1.5rem); |
| 13 |
font-weight: 500; |
| 14 |
line-height: 1.3; |
| 15 |
color: #333; |
| 16 |
} |
| 17 |
|
| 18 |
.ffm-field-container + :not(.ffm-field-container) { |
| 19 |
margin-block-start: $ffm-space-fix; |
| 20 |
} |
| 21 |
|
| 22 |
#give_checkout_user_info ~ .ffm-field-container, |
| 23 |
.give-total-wrap ~ .ffm-field-container, |
| 24 |
#give-payment-mode-select ~ .ffm-field-container { |
| 25 |
margin-block-start: $ffm-space-fix; |
| 26 |
align-self: end; |
| 27 |
|
| 28 |
& ~ .ffm-field-container { |
| 29 |
margin-block-start: 0; |
| 30 |
} |
| 31 |
} |
| 32 |
form[id*=give-form]*=give-form] .ffm-field-container { |
| 33 |
width: 100%; |
| 34 |
flex-basis: 100%; |
| 35 |
} |
| 36 |
|