luyadev/luya-module-payment

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

Summary

Maintainability
Test Coverage
/* ==============================
 * Details
 * ============================== */

 .payment-details {
    padding: 10px 20px;

    @media (min-width: 520px) {
        padding: 25px 50px;
    }
}

.payment-items {
    display: block;
    padding: 8px 0;
}

.payment-items + .payment-items {
    border-top: 1px solid #e4e5e6;
}

.payment-item {
    display: flex;
    position: relative;
}

.payment-item-name {
    display: block;
    flex: 0 1 100%;
    padding-right: 25px;
}

.payment-item-total {
    display: block;
    flex: 0 1 100%;
    padding-right: 15px;
    text-align: right;
}

.payment-item-price {
    flex: 1 0 0;
}

.payment-item-price .payment-text {
    white-space: nowrap;
}