feat: site logo size increase

data-preservation-programs · Sep 27, 2023 · b036b50 · b036b50
1 parent 837f052
commit b036b50
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/assets/scss/core/utilities.scss b/assets/scss/core/utilities.scss
@@ -26,6 +26,13 @@
   @return math.div($value, $baseFontSize) + rem;
 }
 
+/**
+  * Calculate vw based on expected element size at $x-large breakpoint ($base-vw)
+  */
+@function vw($px-vw, $base-vw: 1440px) {
+  @return math.div($px-vw * 100vw, $base-vw);
+}
+
 // ////////////////////////////////////////////////////////////////////// Mixins
 // -----------------------------------------------------------------------------
 // =================================================================== Animation

diff --git a/components/site-header.vue b/components/site-header.vue
@@ -253,11 +253,8 @@ const handleNavClick = () => {
     path {
       transition: 250ms ease;
     }
-    @include mini {
-      max-width: toRem(205);
-    }
     @include tiny {
-      max-width: toRem(150);
+      max-width: clamp(toRem(150), vw(180px, 415px), toRem(180));
     }
   }
 }