@use 'exports' as *;

.layout {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		&.mod-navsideWithoutScrollbar {
			@include navsideWithoutScrollbar;
		}

		&.mod-contentHeaderStatic {
			@include contentHeaderStatic;
		}

		&.mod-contentSubheaderStatic {
			@include contentSubheaderStatic;
		}

		&.mod-navsideFooterStatic {
			@include navsideFooterStatic;
		}

		&.mod-asideFooterStatic {
			@include asideFooterStatic;
		}

		&.mod-contentFooterStatic {
			@include contentFooterStatic;
		}

		&.mod-asideBefore {
			@include asideBefore;
		}

		&.mod-headerRemoved {
			@include headerRemoved;
		}

		&.mod-subheaderRemoved {
			@include subheaderRemoved;
		}

		&.mod-asideRemoved {
			@include asideRemoved;
		}

		&.mod-asideFooterRemoved {
			@include asideFooterRemoved;
		}

		&.mod-contentFooterRemoved {
			@include contentFooterRemoved;
		}

		&.mod-navsideFooterRemoved {
			@include navsideFooterRemoved;
		}

		&.mod-navsideLarge {
			@include navsideLarge;
		}
	}
}

html {
	@layer mods {
		&:is(.has-overlay, .withOverlay) {
			@include overlay;
		}
	}
}