src/frontend/stripe/src/scss/_payment-details.scss
/* ==============================
* 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;
}