<commit_before>@import url("../shared.css");

@media screen {
	:root[data-layout="mobile-toggle-sidebar"] > body.grid {
		grid-template-areas: "header header header" "nav nav nav" ". main sidebar" "footer footer footer";
		grid-template-rows: minmax(var(--header-height, 400px), auto) var(--nav-height, 4rem) minmax(var(--main-height, 75vh), auto) minmax(var(--footer-height, 300px), auto);
		grid-template-columns: auto minmax(var(--main-min-width, 320px), var(--main-max-width, 1200px)) minmax(var(--sidebar-min-width, 300px), var(--sidebar-max-width, 400px));
		grid-column-gap: var(--column-gap, 1.3rem);
	}

	@media (max-width: 800px) {
		:root[data-layout="mobile-toggle-sidebar"] > body.grid {
			grid-template-areas: "header header header" "nav nav nav" ". main ." "footer footer footer";
			grid-template-columns: 1fr minmax(var(--main-min-width, 320px), var(--main-max-width, 1200px)) 1fr;
		}

		:root[data-layout="mobile-toggle-sidebar"] #sidebar {
			padding: 0;
			position: fixed;
			top: 1vh;
			bottom: 1vh;
			left: 100vw;
			z-index: calc(var(--z-top) - 1);
			margin: 0;
			height: 98vh;
			width: var(--sidebar-width, 400px);
			max-width: 95vw;
			transform: none;
			overflow-y: auto;
			transition: transform 400ms ease-in-out;
		}
	}

	:root[data-layout="mobile-toggle-sidebar"] #sidebar.open {
		transform: translateX(-103%);
	}
}<commit_msg>Fix media queries for mobile-toggle-sidebar layout<commit_after>@import url("../shared.css");

@media screen {
	:root[data-layout="mobile-toggle-sidebar"] > body.grid {
		grid-template-areas: "header header header" "nav nav nav" ". main sidebar" "footer footer footer";
		grid-template-rows: minmax(var(--header-height, 400px), auto) var(--nav-height, 4rem) minmax(var(--main-height, 75vh), auto) minmax(var(--footer-height, 300px), auto);
		grid-template-columns: auto minmax(var(--main-min-width, 320px), var(--main-max-width, 1200px)) minmax(var(--sidebar-min-width, 300px), var(--sidebar-max-width, 400px));
		grid-column-gap: var(--column-gap, 1.3rem);
	}
}

@media (max-width: 800px) {
	:root[data-layout="mobile-toggle-sidebar"] > body.grid {
		grid-template-areas: "header header header" "nav nav nav" ". main ." "footer footer footer";
		grid-template-columns: 1fr minmax(var(--main-min-width, 320px), var(--main-max-width, 1200px)) 1fr;
	}

	:root[data-layout="mobile-toggle-sidebar"] #sidebar {
		padding: 0;
		position: fixed;
		top: 1vh;
		bottom: 1vh;
		left: 100vw;
		z-index: calc(var(--z-top) - 1);
		margin: 0;
		height: 98vh;
		width: var(--sidebar-width, 400px);
		max-width: 95vw;
		transform: none;
		overflow-y: auto;
		transition: transform 400ms ease-in-out;
	}

	:root[data-layout="mobile-toggle-sidebar"] #sidebar.open {
		transform: translateX(-103%);
	}
}
{'fraction_non_alphanumeric': 0.18895348837209303, 'fraction_numerical': 0.04142441860465116, 'mean_word_length': 4.03290676416819, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2256877', 'n_tokens_mistral': 1199, 'n_tokens_neox': 1001, 'n_words': 209}