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
ffm.scss
182 lines
| 1 | /* stylelint-disable */ |
| 2 | .choose-amount { |
| 3 | #give-ffm-section { |
| 4 | margin: 20px !important; |
| 5 | } |
| 6 | } |
| 7 | |
| 8 | .give-ffm-form-row-responsive { |
| 9 | .give-label { |
| 10 | display: block !important; |
| 11 | position: absolute; |
| 12 | font-size: 14px; |
| 13 | } |
| 14 | } |
| 15 | |
| 16 | .ffm-checkbox-field { |
| 17 | label { |
| 18 | font-weight: 500; |
| 19 | font-size: 16px; |
| 20 | line-height: 1.4; |
| 21 | padding: 0 0 2px 32px; |
| 22 | width: 100%; |
| 23 | margin-left: 0; |
| 24 | color: #333; |
| 25 | display: inline-block; |
| 26 | |
| 27 | &::before { |
| 28 | content: ' '; |
| 29 | position: absolute; |
| 30 | top: calc(50% - 12px); |
| 31 | left: 0; |
| 32 | width: 20px; |
| 33 | height: 20px; |
| 34 | border: 1px solid #b4b9be; |
| 35 | background-color: #fff; |
| 36 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); |
| 37 | } |
| 38 | |
| 39 | &::after { |
| 40 | transition: clip-path 0.2s ease, -webkit-clip-path 0.2s ease; |
| 41 | border-radius: 11px; |
| 42 | width: 20px; |
| 43 | height: 20px; |
| 44 | position: absolute; |
| 45 | top: calc(50% - 10px); |
| 46 | left: 0; |
| 47 | content: ' '; |
| 48 | display: block; |
| 49 | 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"); |
| 50 | background-repeat: no-repeat; |
| 51 | background-position: center; |
| 52 | clip-path: polygon(0 0, 11% 0, 0 100%, 0 55%); |
| 53 | -webkit-clip-path: polygon(0 0, 11% 0, 0 100%, 0 55%); |
| 54 | } |
| 55 | |
| 56 | &.checked { |
| 57 | &::after { |
| 58 | clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); |
| 59 | -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); |
| 60 | } |
| 61 | } |
| 62 | } |
| 63 | } |
| 64 | .ffm-radio-field { |
| 65 | input[type='radio']='radio'] { |
| 66 | opacity: 0 !important; |
| 67 | position: absolute !important; |
| 68 | } |
| 69 | |
| 70 | label { |
| 71 | font-weight: 500; |
| 72 | font-size: 16px; |
| 73 | line-height: 1.4; |
| 74 | padding: 0 0 0 32px; |
| 75 | width: 100%; |
| 76 | margin-left: 0; |
| 77 | color: #333; |
| 78 | display: inline-block; |
| 79 | |
| 80 | &::before { |
| 81 | content: ' '; |
| 82 | position: absolute; |
| 83 | top: calc(50% - 12px); |
| 84 | left: 0; |
| 85 | width: 20px; |
| 86 | height: 20px; |
| 87 | border-radius: 50%; |
| 88 | border: 1px solid #b4b9be; |
| 89 | background-color: #fff; |
| 90 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); |
| 91 | } |
| 92 | |
| 93 | &::after { |
| 94 | transform: scale3d(0, 0, 0); |
| 95 | transition: transform 0.2s ease; |
| 96 | border-radius: 12px; |
| 97 | width: 10px; |
| 98 | height: 10px; |
| 99 | position: absolute; |
| 100 | top: calc(50% - 6px); |
| 101 | left: 6px; |
| 102 | content: ' '; |
| 103 | display: block; |
| 104 | background: #333; |
| 105 | } |
| 106 | |
| 107 | &.selected { |
| 108 | &::after { |
| 109 | transform: scale3d(1, 1, 1); |
| 110 | } |
| 111 | } |
| 112 | } |
| 113 | } |
| 114 | |
| 115 | .ffm-attachment-upload-filelist { |
| 116 | font-family: 'Montserrat', sans-serif; |
| 117 | background: #fff; |
| 118 | border: 1px solid #b8b8b8; |
| 119 | box-sizing: border-box; |
| 120 | box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.152289); |
| 121 | border-radius: 4px !important; |
| 122 | font-weight: 400; |
| 123 | font-size: 14px; |
| 124 | line-height: 1; |
| 125 | color: #8d8e8e; |
| 126 | padding: 0; |
| 127 | position: relative; |
| 128 | display: flex; |
| 129 | overflow: hidden; |
| 130 | |
| 131 | a.file-selector { |
| 132 | display: inline-block; |
| 133 | height: 100%; |
| 134 | top: 0; |
| 135 | padding: 14px; |
| 136 | border-radius: 0; |
| 137 | border-right: 1px solid #b8b8b8; |
| 138 | font-size: 14px; |
| 139 | line-height: 20px; |
| 140 | color: #333; |
| 141 | background: #f1f1f1; |
| 142 | text-decoration: none; |
| 143 | |
| 144 | &:focus { |
| 145 | outline: none; |
| 146 | } |
| 147 | } |
| 148 | } |
| 149 | |
| 150 | /*--------------------------------- |
| 151 | RTL styles |
| 152 | -----------------------------------*/ |
| 153 | |
| 154 | html[dir='rtl']='rtl'] { |
| 155 | .ffm-checkbox-field { |
| 156 | label { |
| 157 | top: 6px; |
| 158 | &::before { |
| 159 | right: 0; |
| 160 | } |
| 161 | |
| 162 | &::after { |
| 163 | top: -3px; |
| 164 | right: 0; |
| 165 | margin-right: 1px; |
| 166 | } |
| 167 | } |
| 168 | } |
| 169 | .ffm-radio-field { |
| 170 | label { |
| 171 | padding-right: 32px !important; |
| 172 | &::before { |
| 173 | right: 0; |
| 174 | } |
| 175 | |
| 176 | &::after { |
| 177 | right: 6px; |
| 178 | } |
| 179 | } |
| 180 | } |
| 181 | } |
| 182 |