Make menu off-canvas

This commit is contained in:
Chandler Swift 2023-07-03 22:13:15 -05:00
parent 06b2b5103a
commit fd7dca3b11
Signed by: chandlerswift
GPG key ID: A851D929D52FB93F
5 changed files with 61 additions and 3 deletions

View file

@ -4,17 +4,29 @@ html, body {
margin: 0;
height: 100%;
}
#map {
position: absolute;
top: 0;
bottom: 0;
left: min(max(200px, 20%), 400px);
left: 0;
right: 0;
transition: 0.25s;
}
.nav-open #map {
left: min(max(200px, 20%), 400px);
}
aside {
width: min(max(200px, 20%), 400px);
margin-left: max(min(-200px, -20%), -400px);
padding: 0 1em;
transition: 0.25s;
}
.nav-open aside {
margin-left: 0;
}
aside ul {