fixes small gap between navbar and media player on mobile

2026-06-26 02:19:36 +00:00
parent 1fe6833428
commit fd61246ceb
3 changed files with 38 additions and 5 deletions
@@ -165,6 +165,36 @@

 // Responsive
@media (max-width: #{$bp-md - 1px}) {
+  .navbar {
+    height: 64px;
+    padding: $spacing-xs 0;
+  }
+
+  .navbar-inner {
+    height: 100%;
+  }
+
+  .brand-flower {
+    width: 28px;
+    height: 28px;
+  }
+
+  .brand-name {
+    gap: 0;
+  }
+
+  .brand-mountain {
+    font-size: 1.15rem;
+  }
+
+  .brand-accent {
+    font-size: 0.9rem;
+  }
+
+  .brand-tagline {
+    font-size: 0.55rem;
+  }
+
  .navbar-toggle {
    display: flex;
  }