luyadev/luya-module-payment

View on GitHub
src/frontend/stripe/src/scss/_payment-pay.scss

Summary

Maintainability
Test Coverage
/* ==============================
 * 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;
}