From 3dbab43c3e7ee218152f627369cbdae2618df016 Mon Sep 17 00:00:00 2001
From: Filip Slezak <fslezak@teonite.com>
Date: Tue, 3 Oct 2023 15:38:15 +0200
Subject: [PATCH] update mobile nav

---
 scss/components/_nav.scss         | 6 +++---
 src/assets/css/pages/article.css  | 6 +++---
 src/assets/css/pages/contact.css  | 6 +++---
 src/assets/css/pages/main.css     | 6 +++---
 src/assets/css/pages/products.css | 6 +++---
 src/assets/css/pages/services.css | 6 +++---
 6 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/scss/components/_nav.scss b/scss/components/_nav.scss
index 96a8053..c318ecf 100644
--- a/scss/components/_nav.scss
+++ b/scss/components/_nav.scss
@@ -113,7 +113,7 @@ nav {
   padding: 0 32px 32px 32px;
   grid-template-rows: 128px auto;
   grid-template-columns: 1fr;
-  row-gap: 64px;
+  row-gap: var(--spacing-xl);
   outline: none;
   display: none;
   opacity: 0;
@@ -175,7 +175,7 @@ nav {
     flex-flow: column;
     align-items: flex-start;
     justify-content: flex-start;
-    row-gap: var(--spacing-xl);
+    row-gap: var(--spacing-l);
     width: 100%;
     height: 100%;
 
@@ -183,7 +183,7 @@ nav {
     a {
       display: block;
       @include typography(paragraph);
-      font-size: 8vh;
+      font-size: 6vh;
       cursor: pointer;
       color: #000;
     }
diff --git a/src/assets/css/pages/article.css b/src/assets/css/pages/article.css
index 767a891..afb2451 100644
--- a/src/assets/css/pages/article.css
+++ b/src/assets/css/pages/article.css
@@ -136,7 +136,7 @@ nav #mobile-nav-trigger {
   padding: 0 32px 32px 32px;
   grid-template-rows: 128px auto;
   grid-template-columns: 1fr;
-  row-gap: 64px;
+  row-gap: var(--spacing-xl);
   outline: none;
   display: none;
   opacity: 0;
@@ -193,7 +193,7 @@ nav #mobile-nav-trigger {
   flex-flow: column;
   align-items: flex-start;
   justify-content: flex-start;
-  row-gap: var(--spacing-xl);
+  row-gap: var(--spacing-l);
   width: 100%;
   height: 100%;
 }
@@ -204,7 +204,7 @@ nav #mobile-nav-trigger {
   font-weight: 400;
   font-size: calc(16px * var(--fonts-scale));
   line-height: 1.5;
-  font-size: 8vh;
+  font-size: 6vh;
   cursor: pointer;
   color: #000;
 }
diff --git a/src/assets/css/pages/contact.css b/src/assets/css/pages/contact.css
index 14bf81c..6171eeb 100644
--- a/src/assets/css/pages/contact.css
+++ b/src/assets/css/pages/contact.css
@@ -275,7 +275,7 @@ nav #mobile-nav-trigger {
   padding: 0 32px 32px 32px;
   grid-template-rows: 128px auto;
   grid-template-columns: 1fr;
-  row-gap: 64px;
+  row-gap: var(--spacing-xl);
   outline: none;
   display: none;
   opacity: 0;
@@ -332,7 +332,7 @@ nav #mobile-nav-trigger {
   flex-flow: column;
   align-items: flex-start;
   justify-content: flex-start;
-  row-gap: var(--spacing-xl);
+  row-gap: var(--spacing-l);
   width: 100%;
   height: 100%;
 }
@@ -343,7 +343,7 @@ nav #mobile-nav-trigger {
   font-weight: 400;
   font-size: calc(16px * var(--fonts-scale));
   line-height: 1.5;
-  font-size: 8vh;
+  font-size: 6vh;
   cursor: pointer;
   color: #000;
 }
diff --git a/src/assets/css/pages/main.css b/src/assets/css/pages/main.css
index 58da865..2702c65 100644
--- a/src/assets/css/pages/main.css
+++ b/src/assets/css/pages/main.css
@@ -275,7 +275,7 @@ nav #mobile-nav-trigger {
   padding: 0 32px 32px 32px;
   grid-template-rows: 128px auto;
   grid-template-columns: 1fr;
-  row-gap: 64px;
+  row-gap: var(--spacing-xl);
   outline: none;
   display: none;
   opacity: 0;
@@ -332,7 +332,7 @@ nav #mobile-nav-trigger {
   flex-flow: column;
   align-items: flex-start;
   justify-content: flex-start;
-  row-gap: var(--spacing-xl);
+  row-gap: var(--spacing-l);
   width: 100%;
   height: 100%;
 }
@@ -343,7 +343,7 @@ nav #mobile-nav-trigger {
   font-weight: 400;
   font-size: calc(16px * var(--fonts-scale));
   line-height: 1.5;
-  font-size: 8vh;
+  font-size: 6vh;
   cursor: pointer;
   color: #000;
 }
diff --git a/src/assets/css/pages/products.css b/src/assets/css/pages/products.css
index c840e4c..45f9609 100644
--- a/src/assets/css/pages/products.css
+++ b/src/assets/css/pages/products.css
@@ -136,7 +136,7 @@ nav #mobile-nav-trigger {
   padding: 0 32px 32px 32px;
   grid-template-rows: 128px auto;
   grid-template-columns: 1fr;
-  row-gap: 64px;
+  row-gap: var(--spacing-xl);
   outline: none;
   display: none;
   opacity: 0;
@@ -193,7 +193,7 @@ nav #mobile-nav-trigger {
   flex-flow: column;
   align-items: flex-start;
   justify-content: flex-start;
-  row-gap: var(--spacing-xl);
+  row-gap: var(--spacing-l);
   width: 100%;
   height: 100%;
 }
@@ -204,7 +204,7 @@ nav #mobile-nav-trigger {
   font-weight: 400;
   font-size: calc(16px * var(--fonts-scale));
   line-height: 1.5;
-  font-size: 8vh;
+  font-size: 6vh;
   cursor: pointer;
   color: #000;
 }
diff --git a/src/assets/css/pages/services.css b/src/assets/css/pages/services.css
index 8accc19..22ba0f0 100644
--- a/src/assets/css/pages/services.css
+++ b/src/assets/css/pages/services.css
@@ -275,7 +275,7 @@ nav #mobile-nav-trigger {
   padding: 0 32px 32px 32px;
   grid-template-rows: 128px auto;
   grid-template-columns: 1fr;
-  row-gap: 64px;
+  row-gap: var(--spacing-xl);
   outline: none;
   display: none;
   opacity: 0;
@@ -332,7 +332,7 @@ nav #mobile-nav-trigger {
   flex-flow: column;
   align-items: flex-start;
   justify-content: flex-start;
-  row-gap: var(--spacing-xl);
+  row-gap: var(--spacing-l);
   width: 100%;
   height: 100%;
 }
@@ -343,7 +343,7 @@ nav #mobile-nav-trigger {
   font-weight: 400;
   font-size: calc(16px * var(--fonts-scale));
   line-height: 1.5;
-  font-size: 8vh;
+  font-size: 6vh;
   cursor: pointer;
   color: #000;
 }