style: revert changes to playground & global navbar

1 files changed, 15 insertions, 8 deletions

diff --git a/static/style.css b/static/style.css
index 39ba00a..b7880f4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -103,10 +103,6 @@ h6 {
   justify-content: space-between;
   align-items: center;
   height: var(--navbar-height);
-  z-index: 100;
-  position: fixed;
-  inset: 0;
-  bottom: unset;
   padding: var(--gap);
   background: var(--color-navbar-background);
   color: var(--color-navbar-text);
@@ -192,10 +188,6 @@ html.theme-light .theme-button.-light {
   position: relative;
 }
 
-#playground {
-  padding-top: var(--navbar-height);
-}
-
 @media (min-width: 600px) {
   #playground {
     position: fixed;
@@ -419,6 +411,21 @@ html.theme-dark .codeflask .token.attr-value {
   filter:  brightness(0.8) saturate(1.3);
 }
 
+/*
+
+/everything page
+inline chapters & lessons
+
+/*
+
+/* set navbar to position: fixed */
+body:has(#everything) .navbar {
+  z-index: 100;
+  position: fixed;
+  inset: 0;
+  bottom: unset;
+}
+
 /* everything wrapper, 2x2 responsive grid layout */
 main#everything {
   display: grid;