themes/default/layouts/_default/baseof: More granularity with header

1 files changed, 24 insertions, 31 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index f523fb2..c657a2a 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -528,10 +528,6 @@ ol[start] li:before {
   content: counter(list-item);
 }
 
-main {
-  min-height: 100%;
-}
-
 main,
 details,
 summary,
@@ -1076,7 +1072,6 @@ micro-thumbnail figure object {
 }
 
 micro-summary > article {
-  min-height: 100%;
   margin-left: 4.25rem;
 }
 
@@ -1461,7 +1456,7 @@ tab-bar nav a:hover {
   text-decoration: underline;
 }
 
-column-base[position="middle"] main > nav {
+column-base[position="middle"] > nav {
   align-items: center;
   background-color: #fefefe;
   background-color: var(--background);
@@ -1477,24 +1472,28 @@ column-base[position="middle"] main > nav {
   height: 4rem;
 }
 
-column-base[position="middle"] main > nav section h2,
-column-base[position="middle"] main > nav section small {
+column-base[position="middle"] > nav section h2,
+column-base[position="middle"] > nav section small {
   margin: 0;
 }
 
 micro-author micro-header > *,
-column-base[position="middle"] main > nav section h2,
-column-base[position="middle"] main > nav section small {
+column-base[position="middle"] > nav section h2,
+column-base[position="middle"] > nav section small {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-column-base[position="middle"] main > nav section {
+column-base[position="middle"] > nav section {
   line-height: 1.25;
   padding: 0 0.5rem;
 }
 
+column-base[position="middle"] > footer {
+  margin: 1rem 0.25rem;
+}
+
 column-base[position="middle"] main > footer {
   margin: 1rem 0;
 }
@@ -2267,15 +2266,15 @@ link-card article a {
 @media screen and (max-width: 1080px) {
   column-base[position="left"],
   search-entry,
-  column-base[position="middle"] main > nav section {
+  column-base[position="middle"] > nav section {
     display: none;
   }
-  column-base[position="middle"] main > nav {
+  column-base[position="middle"] > nav {
     justify-content: space-between;
     overflow-x: auto;
     overflow-y: hidden;
   }
-  column-base[position="middle"] main > nav icon-navigator[hidden] {
+  column-base[position="middle"] > nav icon-navigator[hidden] {
     display: inline;
   }
   tag-deck {
@@ -2284,6 +2283,9 @@ link-card article a {
 }
 
 @media screen and (max-width: 920px) {
+  nav + main {
+    margin-top: 4rem;
+  }
   column-base[position="right"] {
     display: none;
   }
@@ -2291,7 +2293,7 @@ link-card article a {
     display: block;
     max-width: 100%;
   }
-  column-base[position="middle"] main > nav {
+  column-base[position="middle"] > nav {
     position: fixed;
     box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
   }
@@ -2317,14 +2319,6 @@ link-card article a {
     flex: auto;
     margin: 0 0 0.75rem 0;
   }
-  navigation-separator hr[hidden] {
-    border-color: transparent;
-    display: flex;
-    height: 0;
-    margin: 0;
-    padding-top: 4rem;
-    border: none;
-  }
   html {
     margin: 0;
   }
@@ -2337,11 +2331,11 @@ link-card article a {
   tab-bar:focus,
   tab-bar:focus-within,
   tab-bar:focus-visible,
-  column-base[position="middle"] main > nav:active,
-  column-base[position="middle"] main > nav:hover,
-  column-base[position="middle"] main > nav:focus,
-  column-base[position="middle"] main > nav:focus-within,
-  column-base[position="middle"] main > nav:focus-visible {
+  column-base[position="middle"] > nav:active,
+  column-base[position="middle"] > nav:hover,
+  column-base[position="middle"] > nav:focus,
+  column-base[position="middle"] > nav:focus-within,
+  column-base[position="middle"] > nav:focus-visible {
     box-shadow: 1rem -0.2rem 1rem -1rem inset, -1rem -0.2rem 1rem -1rem inset;
   }
 }
@@ -2373,9 +2367,8 @@ link-card article a {
   :target::before {
     display: none;
   }
-  main > footer,
-  column-base[position="middle"] main > nav,
-  navigation-separator hr[hidden] {
+  column-base[position="middle"] > footer,
+  column-base[position="middle"] > nav {
     display: none;
   }
 }