icons
4 years ago
authorizenet.scss
4 years ago
currencyswitcher.scss
4 years ago
feerecovery.scss
4 years ago
ffm.scss
4 years ago
form.scss
3 years ago
legacy-consumer.scss
4 years ago
mixins.scss
4 years ago
newsletter.scss
4 years ago
paypal-commerce.scss
4 years ago
receipt.scss
3 years ago
recurring.scss
4 years ago
square.scss
4 years ago
tributes.scss
3 years ago
util.scss
4 years ago
mixins.scss
66 lines
| 1 | /* stylelint-disable */ |
| 2 | @mixin background-lightgray { |
| 3 | background-color: #f1f1f1; |
| 4 | } |
| 5 | |
| 6 | @mixin before-after-content-none { |
| 7 | &::before, |
| 8 | &::after { |
| 9 | content: none !important; |
| 10 | } |
| 11 | } |
| 12 | |
| 13 | @mixin section-padding { |
| 14 | padding: 15px 23px; |
| 15 | } |
| 16 | |
| 17 | @mixin display-flex { |
| 18 | display: flex !important; |
| 19 | } |
| 20 | |
| 21 | @mixin display-grid { |
| 22 | display: grid !important; |
| 23 | } |
| 24 | |
| 25 | @mixin text-field { |
| 26 | background: #fff; |
| 27 | border: 1px solid #b8b8b8 !important; |
| 28 | box-sizing: border-box; |
| 29 | box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.152289); |
| 30 | border-radius: 4px !important; |
| 31 | font-weight: 400; |
| 32 | height: auto; |
| 33 | font-size: 14px; |
| 34 | line-height: 1; |
| 35 | color: #828382; |
| 36 | padding: 14px !important; |
| 37 | } |
| 38 | |
| 39 | @mixin select-field { |
| 40 | font-size: 14px; |
| 41 | font-weight: 400; |
| 42 | color: #828382; |
| 43 | line-height: 1.2; |
| 44 | padding: 12px !important; |
| 45 | min-height: 48px; |
| 46 | margin: 0; |
| 47 | border: 1px solid #b8b8b8 !important; |
| 48 | border-radius: 4px !important; |
| 49 | box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.152289), 0 1px 0 1px rgba(0, 0, 0, 0.04); |
| 50 | -moz-appearance: none; |
| 51 | -webkit-appearance: none; |
| 52 | appearance: none; |
| 53 | background-color: #fff; |
| 54 | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.66016 7.19531C5.90625 7.44141 6.31641 7.44141 6.5625 7.19531L11.8945 1.89062C12.1406 1.61719 12.1406 1.20703 11.8945 0.960938L11.2656 0.332031C11.0195 0.0859375 10.6094 0.0859375 10.3359 0.332031L6.125 4.54297L1.88672 0.332031C1.61328 0.0859375 1.20312 0.0859375 0.957031 0.332031L0.328125 0.960938C0.0820312 1.20703 0.0820312 1.61719 0.328125 1.89062L5.66016 7.19531Z' fill='%23A2A3A2'/%3E%3C/svg%3E"), |
| 55 | linear-gradient(to bottom, #fff 0%, #fff 100%); |
| 56 | background-repeat: no-repeat, repeat; |
| 57 | background-position: right 0.7em top 50%, 0 0; |
| 58 | background-size: 0.65em auto, 100%; |
| 59 | |
| 60 | &:hover { |
| 61 | border: 1px solid rgb(54, 54, 54); |
| 62 | } |
| 63 | } |
| 64 | |
| 65 | /* stylelint-enable */ |
| 66 |