website-redesign/draft/res/highlevel-desktop.scss

35 lines
724 B
SCSS

body {
/* if you don't have any idea what's going on here, read
* <https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout>
*/
display: grid;
min-height: 100vh;
grid-template:
"nav main" 1fr
"nav footer" min-content
/ 23ch 1fr;
grid-gap: 0;
grid-auto-rows: auto;
& > nav {
grid-area: nav;
.opener, .closer {
/* on desktop, the <nav> is always there, so we don't need an opener */
display: none;
}
/* everything else about <nav> is in navbar.scss */
}
& > main {
grid-area: main;
/* everything else about <nav> is in content.scss */
}
& > footer {
grid-area: footer;
/* everything else about <nav> is in footer.scss */
}
}