35 lines
724 B
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 */
|
|
}
|
|
}
|