@use '@talend/bootstrap-theme/src/theme/guidelines' as *;

////
/// Layout
/// @group Custom widgets
////

/// Layout height of the header
/// @type Number (Unit)

// Need to be higher to typehead (1035)
$tc-drawer-z-index: calc($zindex-navbar-fixed + 6) !default;
$tc-layout-header-height: $navbar-height !default;
$tc-layout-skip-links-z-index: calc($tc-drawer-z-index + 20) !default;

.layout {
	display: flex;
	flex-direction: column;
	height: 100vh;
	width: 100vw;

	.skip-links {
		z-index: $tc-layout-skip-links-z-index;
	}

	.header {
		flex: 0 0 $tc-layout-header-height;
	}

	.footer {
		flex-shrink: 0;
		flex-grow: 0;
	}
}