src/frontend/stripe/src/scss/_payment-pay.scss
/* ==============================
* Payment
* ============================== */
.payment-pay {
background-color: #e4e5e6;
padding: 10px 20px 20px;
@media (min-width: 520px) {
padding: 25px 50px 40px;
}
}
/* ==============================
* Error message
* ============================== */
.payment-errors {
max-height: 100px;
min-height: 25px;
transition: .25s ease-in-out min-height, .25s ease-in-out max-height;
}
.payment-errors:empty {
max-height: 0;
min-height: 0;
}
/* ==============================
* Stripe element
* ============================== */
.StripeElement {
background-color: white;
border: 1px solid transparent;
border-radius: 5px;
margin: 15px 0 5px;
padding: 10px 12px;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}