// layout classes
@use '@angular/material' as mat;
@mixin layout {
	.center {
		margin-bottom: 2rem;
		height: auto;
		@extend .container, .pt-lg-3, .pt-md-1, .px-md-4, .p-sm-2, .p-2;
	}

	.fluid {
		margin-bottom: 2rem;
		@extend .container-fluid, .pt-lg-3, .pt-md-1, .px-md-4, .p-sm-2, .p-2;
	}
}

// nav menu
@mixin nav-menu($lacuna-theme) {
	.mat-toolbar {
		position: relative;
		min-height: 70px;
		z-index: 1000;
		line-height: 16px !important;
		padding-right: 25px !important;
		padding-left: 25px !important;
		font-size: inherit;
		@include mat.elevation(3);
	}

	.mat-mdc-tab-link {
		min-height: 70px;
		min-width: 100px !important;
		max-width: 150px !important;
		padding-top: 12px !important;
	}

	.nav-name {
		display: inline-block;
		overflow: hidden;
		width: 100px;
		text-overflow: ellipsis;
	}

	.nav-name-1 {
		line-height: 18px !important;
		height: 28px !important;
		padding-top: 10px;
	}

	.nav-name-2 {
		line-height: 18px !important;
	}
	/*.user-button {
		.nav-name {
			display: inline-block;
			overflow: hidden;
			width: 100px;
			text-overflow: ellipsis;
		}

		.nav-name-user {
			line-height: 18px !important;
			height: 28px !important;
			padding-top: 10px;
		}

		.nav-name-subscription {
			line-height: 18px !important;
		}
	}*/
}