feat: site logo size increase

Author: tikagan

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

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));
     }
   }
 }