Pane layout patches for mobile, Code cleanup.

src/partials/_a_common.scss

@@ -67,8 +67,9 @@
 
     font-size: var(--font-size-generic);
     color: var(--white-1);
+}
 
-    body {
+body {
     background-color: var(--background-0);
 
     // Adds a margin otherwise for some reason.
@@ -78,7 +79,6 @@
     grid-auto-flow: column dense;
     grid-template-columns: min-content 1fr min-content;
     grid-template-areas: "nav main spacer";
-    }
 }
 
 * {

src/partials/_a_pane.scss

@@ -8,16 +8,14 @@
 
 @media only screen and (max-width: 500px) {
     .pane {
-        width: 100%;
+        width: calc((50% - var(--spacing-small)) * 2);
     }
 }
 
 nav.pane,
 .pane.spacer {
-    width: min-content;
     gap: var(--spacing-medium);
 
     position: sticky;
     top: var(--spacing-large);
-    right: var(--spacing-large);
 }

src/partials/_nav_location.scss

@@ -1,6 +1,4 @@
 .location {
-    grid-area: location;
-
     margin: 0;
     padding: var(--spacing-small);
     background-color: var(--background-2);

src/partials/_nav_menu.scss

@@ -2,8 +2,6 @@
 @use "nav_title";
 
 nav .menu {
-    grid-area: menu;
-
     // Remove default padding and style applied to ul for bullets.
     padding: 0;
     list-style: none;

src/partials/_nav_quick_links.scss

@@ -1,6 +1,4 @@
 nav.pane .quick_links {
-    grid-area: quick_links;
-
     --item-padding: 0.25rem;
 
     justify-content: space-between;

src/partials/_pane_nav.scss

@@ -26,14 +26,11 @@ nav.pane {
 
 @media only screen and (max-width: 500px) {
     nav.pane {
-        width: calc(
-            calc(50% - var(--spacing-large) + var(--spacing-small)) * 2
-        );
-
         background-color: var(--background-2);
+        border-radius: var(--border-radius-leaf);
         padding: 0 var(--spacing-small);
 
-        .nav_menu,
+        .menu,
         .quick_links,
         .location {
             display: none;

src/partials/_pane_spacer.scss

@@ -1,6 +1,7 @@
 .pane.spacer {
     grid-area: spacer;
 
+    width: min-content;
     height: calc(100vh - calc(var(--spacing-large) * 2));
 
     display: grid;