Template:Mdn.css: Difference between revisions

From pronounmail wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
:root {
:root {
color-scheme: light dark;
color-scheme: light dark;
font-family: Inter, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
--font: Inter, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
}


.wrapper {
.wrapper {
max-width: 1440px;
max-width: 1440px;
margin: auto;
display: grid;
display: grid;
Line 12: Line 13:
grid-template-areas: "sidebar main toc";
grid-template-areas: "sidebar main toc";
grid-template-columns: minmax(0,1fr) minmax(0,2.5fr) minmax(0,15rem);
grid-template-columns: minmax(0,1fr) minmax(0,2.5fr) minmax(0,15rem);
font-family: var(--font) !important;
color: light-dark(rgb(27, 27, 27), #fff);
}
}



Revision as of 14:21, 19 June 2025

:root {
	color-scheme: light dark;
	--font: Inter, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.wrapper {
	max-width: 1440px;
	margin: auto;
	
	display: grid;
	grid-gap: 3rem;
	gap: 3rem;
	grid-template-areas: "sidebar main toc";
	grid-template-columns: minmax(0,1fr) minmax(0,2.5fr) minmax(0,15rem);
	font-family: var(--font) !important;
	color: light-dark(rgb(27, 27, 27), #fff);
}

.main-bit {
	grid-area: main;
}

#content {
	border: none;
	background: transparent;
}

body {
	background-color: light-dark(#fff, rgb(27, 27, 27));
}