File: D:/HostingSpaces/SBogers10/shop.komma.nl/resources/sass/6-Organisms/_organisms.confirmation.scss
$o-confirmation-bp1: m;
$o-confirmation-gap: space(3);
.o-confirmation {
@include template(side, cart);
max-width: $site-column-size * 8px;
margin-left: auto;
margin-right: auto;
}
.o-confirmation__back {
@include mq($o-checkout-bp1) {
@include vspacing('margin-top' -0.5);
position: absolute;
top: auto;
left: auto;
}
}
.o-confirmation__title {
@include font-size(xl);
@include font-weight('bold');
margin-bottom: space(3);
}
.o-confirmation__grid {
display: grid;
grid-template-rows: auto auto;
grid-row-gap: space(3);
grid-template-areas:
"side"
"cart";
@include mq($o-confirmation-bp1) {
grid-template-rows: auto;
grid-template-columns: 3fr 5fr;
grid-template-areas:
"side cart";
}
}
.o-confirmation__side {
padding-right: space(2);
@include mq($max: $o-confirmation-bp1) {
margin-bottom: space(3);
}
}
.o-confirmation__group {
@include owl(space(3));
}
.o-confirmation__subheading {
@include font-size(m);
@include font-weight('bold');
margin-bottom: space(0.5);
}
.o-confirmation__entry {
@include font-size(m);
}
.o-confirmation__cart {
}
.o-confirmation__products, .o-confirmation__discounts {
border-bottom: 2px solid palette(neutral, 900);
}
.o-confirmation__product {
display: flex;
margin: space(3) 0;
}
.o-confirmation__product-name {
flex: 0 0 column(3,5);
}
.o-confirmation__product-quantity {
flex: 0 0 column(1,5);
}
.o-confirmation__product-price {
@include font-weight('bold');
flex: 0 0 column(1,5);
margin-left: auto;
text-align: right;
}
.o-confirmation__receipt {
margin-top: space(3);
}
.o-confirmation__receipt-vat {
margin-top: space(3);
}
.o-confirmation__receipt-row {
display: flex;
margin: space(1) 0;
}
.o-confirmation__receipt-label {
}
.o-confirmation__receipt-amount {
margin-left: auto;
}
.o-confirmation__agree {
margin-top: space(3);
}
.o-confirmation__action {
margin-top: space(6);
}