From 968111531b70f37bdc8359e97846956cc0006c38 Mon Sep 17 00:00:00 2001
From: Roni Laukkarinen <roni@dude.fi>
Date: Tue, 19 Nov 2024 19:15:58 +0200
Subject: [PATCH] Fix build

---
 sass/gutenberg/blocks/_boxed.scss      | 2 +-
 sass/navigation/_nav-click-mobile.scss | 2 +-
 sass/navigation/_nav-desktop.scss      | 4 ++--
 sass/navigation/_nav-mobile.scss       | 6 +++---
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/sass/gutenberg/blocks/_boxed.scss b/sass/gutenberg/blocks/_boxed.scss
index 6912874d..fe6cc282 100644
--- a/sass/gutenberg/blocks/_boxed.scss
+++ b/sass/gutenberg/blocks/_boxed.scss
@@ -13,6 +13,6 @@
 
 @media (min-width: $width-max-article + 40px) {
   .is-style-boxed {
-    transform: translate(20px, 0);
+    transform: translate(1.25rem, 0);
   }
 }
diff --git a/sass/navigation/_nav-click-mobile.scss b/sass/navigation/_nav-click-mobile.scss
index 149ab61f..0521d99e 100644
--- a/sass/navigation/_nav-click-mobile.scss
+++ b/sass/navigation/_nav-click-mobile.scss
@@ -8,7 +8,7 @@
 
   // Dropdown toggle
   .menu-item-clickable {
-    --menu-item-clickable-size: 12px;
+    --menu-item-clickable-size: .75rem;
     align-items: center;
     background-color: transparent;
     border-bottom: 0;
diff --git a/sass/navigation/_nav-desktop.scss b/sass/navigation/_nav-desktop.scss
index 2d7398ab..bac7f2f3 100644
--- a/sass/navigation/_nav-desktop.scss
+++ b/sass/navigation/_nav-desktop.scss
@@ -60,7 +60,7 @@
     margin: 0;
     padding: 0;
     position: relative;
-    row-gap: 10px;
+    row-gap: .625rem;
   }
 
   // Navigation list item
@@ -299,7 +299,7 @@
 
   // Sub-menu toggle icon
   .sub-menu .dropdown-toggle {
-    width: 30px;
+    width: 1.875rem;
   }
 
   .sub-menu .dropdown-toggle svg {
diff --git a/sass/navigation/_nav-mobile.scss b/sass/navigation/_nav-mobile.scss
index a481517c..2d5811ac 100644
--- a/sass/navigation/_nav-mobile.scss
+++ b/sass/navigation/_nav-mobile.scss
@@ -77,13 +77,13 @@
     height: calc(100vh - 7.2rem);
     overflow: auto;
     // Add padding to ensure all nav elements are visible on all devices and browsers for example iOS Safari
-    padding-bottom: 120px;
+    padding-bottom: 7.5rem;
     pointer-events: none;
     // Hide mobile navigation by default while enabling use of animations
     position: fixed;
     right: 0;
     // Real top is calculated in JS so this is a fallback
-    top: 72px;
+    top: 4.5rem;
     transform: translate3d(100%, 0, 0);
     transition: all 180ms ease-in-out;
     visibility: hidden;
@@ -146,7 +146,7 @@
 
   // Dropdown toggle
   .dropdown-toggle {
-    --dropdown-toggle-size: 12px;
+    --dropdown-toggle-size: 0.75rem;
     align-items: center;
     background-color: transparent;
     border: 0;