icons
6 years ago
currencyswitcher.scss
5 years ago
feerecovery.scss
5 years ago
ffm.scss
5 years ago
form.scss
5 years ago
mixins.scss
6 years ago
newsletter.scss
5 years ago
paypal-commerce.scss
5 years ago
receipt.scss
5 years ago
recurring.scss
5 years ago
square.scss
6 years ago
tributes.scss
5 years ago
util.scss
6 years ago
feerecovery.scss
156 lines
| 1 | /* stylelint-disable */ |
| 2 | .give-fee-total-wrap.fee-coverage-required.give-fee-message, |
| 3 | .give-fee-recovery-donors-choice.give-fee-message, |
| 4 | .fee-break-down-message { |
| 5 | background: #fff; |
| 6 | border: 1px solid rgba(255, 255, 255, 0); |
| 7 | box-sizing: border-box; |
| 8 | box-shadow: 0 0 16px rgba(0, 0, 0, 0.121203); |
| 9 | border-radius: 5px; |
| 10 | margin: 20px 30px 10px 30px !important; |
| 11 | padding: 0 !important; |
| 12 | position: relative; |
| 13 | transition: border 0.2s ease; |
| 14 | width: auto !important; |
| 15 | |
| 16 | @media screen and (max-width: $break-phone) { |
| 17 | margin: 20px 20px 0 20px !important; |
| 18 | } |
| 19 | } |
| 20 | |
| 21 | #give_purchase_form_wrap { |
| 22 | .give-fee-total-wrap.fee-coverage-required.give-fee-message, |
| 23 | .give-fee-recovery-donors-choice.give-fee-message, |
| 24 | .fee-break-down-message { |
| 25 | margin: 20px 0 20px 0 !important; |
| 26 | } |
| 27 | } |
| 28 | |
| 29 | .give-section.payment { |
| 30 | .give-fee-total-wrap.fee-coverage-required.give-fee-message, |
| 31 | .give-fee-recovery-donors-choice.give-fee-message, |
| 32 | .fee-break-down-message { |
| 33 | margin: 20px 20px 10px 20px !important; |
| 34 | } |
| 35 | } |
| 36 | |
| 37 | .give-fee-total-wrap.fee-coverage-required.give-fee-message, |
| 38 | .give-fee-recovery-donors-choice.give-fee-message { |
| 39 | .give-fee-message-label-text { |
| 40 | font-weight: 400; |
| 41 | font-size: 16px; |
| 42 | line-height: 1.4; |
| 43 | padding: 17px 20px 17px 22px !important; |
| 44 | color: #333; |
| 45 | display: inline-block; |
| 46 | cursor: pointer; |
| 47 | |
| 48 | @media screen and (max-width: $break-phone) { |
| 49 | font-size: 14px; |
| 50 | padding: 14px 20px 14px 22px !important; |
| 51 | } |
| 52 | } |
| 53 | } |
| 54 | |
| 55 | .fee-break-down-message { |
| 56 | margin: 20px 0 0 0 !important; |
| 57 | font-weight: 500; |
| 58 | font-size: 16px; |
| 59 | line-height: 1.4; |
| 60 | padding: 20px 20px 20px 22px !important; |
| 61 | color: #333; |
| 62 | display: inline-block; |
| 63 | text-align: center; |
| 64 | |
| 65 | @media screen and (max-width: $break-phone) { |
| 66 | font-size: 14px; |
| 67 | } |
| 68 | } |
| 69 | |
| 70 | .give-fee-total-wrap.fee-coverage-required.give-fee-message { |
| 71 | .give-fee-message-label-text { |
| 72 | text-align: center; |
| 73 | width: calc(100% - 40px); |
| 74 | } |
| 75 | } |
| 76 | |
| 77 | .give-fee-recovery-donors-choice.give-fee-message { |
| 78 | .give-fee-message-label { |
| 79 | margin: 0; |
| 80 | } |
| 81 | |
| 82 | .give-fee-message-label-text { |
| 83 | width: calc(100% - 82px); |
| 84 | margin-left: 40px !important; |
| 85 | display: inline-block; |
| 86 | } |
| 87 | |
| 88 | .give-fee-message-label-text::before { |
| 89 | content: ' '; |
| 90 | position: absolute; |
| 91 | top: calc(50% - 12px); |
| 92 | left: 22px; |
| 93 | width: 20px; |
| 94 | height: 20px; |
| 95 | border: 1px solid #b4b9be; |
| 96 | background-color: #fff; |
| 97 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); |
| 98 | } |
| 99 | |
| 100 | &:hover { |
| 101 | border: 1px solid #3398db; |
| 102 | |
| 103 | .give-fee-message-label-text::before { |
| 104 | background-color: rgba(245, 245, 245, 0.815); |
| 105 | } |
| 106 | } |
| 107 | |
| 108 | &.active { |
| 109 | border: 1px solid #3398db; |
| 110 | } |
| 111 | |
| 112 | input[type='checkbox']='checkbox']:checked + .give-fee-message-label-text::after { |
| 113 | clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); |
| 114 | -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); |
| 115 | } |
| 116 | |
| 117 | input[type='checkbox']='checkbox'] + .give-fee-message-label-text::after { |
| 118 | transition: clip-path 0.2s ease, -webkit-clip-path 0.2s ease; |
| 119 | border-radius: 11px; |
| 120 | width: 20px; |
| 121 | height: 20px; |
| 122 | position: absolute; |
| 123 | top: calc(50% - 12px); |
| 124 | left: 22px; |
| 125 | content: ' '; |
| 126 | display: block; |
| 127 | background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73047 10.7812C6.00391 11.0547 6.46875 11.0547 6.74219 10.7812L14.7812 2.74219C15.0547 2.46875 15.0547 2.00391 14.7812 1.73047L13.7969 0.746094C13.5234 0.472656 13.0859 0.472656 12.8125 0.746094L6.25 7.30859L3.16016 4.24609C2.88672 3.97266 2.44922 3.97266 2.17578 4.24609L1.19141 5.23047C0.917969 5.50391 0.917969 5.96875 1.19141 6.24219L5.73047 10.7812Z' fill='%231E8CBE'/%3E%3C/svg%3E%0A"); |
| 128 | background-repeat: no-repeat; |
| 129 | background-position: center; |
| 130 | clip-path: polygon(0 0, 11% 0, 0 100%, 0 55%); |
| 131 | -webkit-clip-path: polygon(0 0, 11% 0, 0 100%, 0 55%); |
| 132 | } |
| 133 | } |
| 134 | |
| 135 | /*--------------------------------- |
| 136 | RTL styles |
| 137 | -----------------------------------*/ |
| 138 | html[dir='rtl']='rtl'] { |
| 139 | .give-fee-recovery-donors-choice.give-fee-message { |
| 140 | .give-fee-message-label-text { |
| 141 | margin-left: 0 !important; |
| 142 | margin-right: 40px !important; |
| 143 | } |
| 144 | |
| 145 | .give-fee-message-label-text::before { |
| 146 | right: 22px; |
| 147 | } |
| 148 | } |
| 149 | |
| 150 | input[type='checkbox']='checkbox'] + .give-fee-message-label-text::after { |
| 151 | right: 22px; |
| 152 | margin-right: 1px; |
| 153 | top: calc(50% - 11px); |
| 154 | } |
| 155 | } |
| 156 |