brotherton-erpnext/erpnext/public/scss/website.scss

@import './order-page';

.filter-options {
	max-height: 300px;
	overflow: auto;
}

.address-card {
	cursor: pointer;
	position: relative;

	.check {
		display: none;
	}

	&.active {
		border-color: var(--primary);

		.check {
			display: inline-flex;
		}
	}
}

.check {
	display: inline-flex;
	padding: 0.25rem;
	background: var(--primary);
	color: white;
	border-radius: 50%;
	font-size: 12px;
	width: 24px;
	height: 24px;
}

.website-list {
	background-color: var(--fg-color);
	padding: 0 var(--padding-lg);
	border-radius: var(--border-radius-md);

	@media screen and (max-width: 567px) {
		margin-left: -2rem;
	}

	&.result {
		border-bottom: 1px solid var(--border-color);
	}
}

.transaction-list-item {
	padding: 1rem 0;
	border-bottom: 1px solid var(--border-color);
	position: relative;

	&:only-child, &:last-child {
		border: 0;
	}

	a.transaction-item-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-decoration: none;
		opacity: 0;
		overflow: hidden;
		text-indent: -9999px;
		z-index: 0;
	}
}

.place-order-container {
	text-align: right;
}

.kb-card {
	.card-body > .card-title {
		line-height: 1.3;
	}
}

.list-item-name, .item-total {
	font-size: var(--font-size-sm);
}

.items-preview {
	@media screen and (max-width: 567px) {
		margin-top: 1rem;
	}
}