wip media query rework, sidebar mostly finished, rewritten njk

_src/assets/css/default/nav.css

@@ -10,6 +10,7 @@
 	overflow-y: scroll;
 	scrollbar-width: none;
 	gap: var(--pad-m);
+	margin: 0;
 
 	& li *:is(a, button) {
 		align-items: center;
@@ -41,7 +42,7 @@
 	}
 
 	& ul {
-		margin: var(--pad-sm);
+		margin: var(--pad-s);
 		padding: 0;
 
 		& li,
@@ -66,7 +67,7 @@
 	}
 }
 
-#mobile > nav::before,
+nav#default::before,
 body::after {
 	z-index: -1;
 	content: "";
@@ -79,7 +80,7 @@ body::after {
 	pointer-events: none;
 }
 
-#mobile > nav::before {
+nav#default::before {
 	bottom: 0;
 	left: 0;
 	mask-size: 160%;
@@ -96,27 +97,31 @@ body::after {
 	-webkit-mask-position-y: bottom;
 }
 
-button[popovertarget="mobile"] {
-	display: none;
-}
-
-#floating {
-	width: fit-content;
+nav#floating {
+	width: var(--float);
 	height: fit-content;
 	border-bottom-style: solid;
 	border-right-style: solid;
 	border-bottom-width: 2px;
 	border-right-width: 2px;
 	border-bottom-right-radius: var(--pad-l);
+	& button {
+		width: fit-content;
+		font-size: 0;
+	}
+	& a {
+		display: none;
+	}
 }
 
-#mobile {
+div#sidebar {
 	margin: 0;
 	padding: 0;
 	background: none;
 	border: 0;
 }
-#mobile > nav {
+nav#default {
+	border: 0;
 	border-right-style: solid;
 	border-right-width: 2px;
-}
+}