HEX
Server: Microsoft-IIS/8.5
System: Windows NT YDAWBH120 6.3 build 9600 (Windows Server 2012 R2 Standard Edition) AMD64
User: tentjecom_web (0)
PHP: 7.4.14
Disabled: NONE
Upload Files
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);
}