// Set default customise component variables here,
// Override it in theme variables files

$ls-aside-width-lg:          22.50rem;
$ls-aside-width-xl:          30rem !default;

@import "layout-aside";

html,
body {
	@include media-breakpoint-up(md) {
		height: 100%;
	}
}

%lt-aside,
.lt-aside {
	@extend %bg-white,
					%flex-wrap;
	width: $ls-aside-width-sm;

	&.is-wide {
		width: $ls-aside-width-lg;
		@include media-breakpoint-up(xl) {
			width: $ls-aside-width-xl;
		}
	}
}

.x-content {
	@extend .h-100,
					%position-relative;
}