chore(vth-frontend): algin the nav style with figma

frameless · Jun 20, 2024 · 944b5c3 · 944b5c3
1 parent aa0fa9b
commit 944b5c3
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/apps/vth-frontend/src/styles/globals.css b/apps/vth-frontend/src/styles/globals.css
@@ -13,6 +13,7 @@
   --utrecht-navigation-border-block-start-color: var(--utrecht-color-grey-80);
   --utrecht-navigation-border-block-end-width: 1px;
   --utrecht-navigation-border-block-end-color: var(--utrecht-color-grey-80);
+  --utrecht-drawer-mobile-min-inline-size: 80%;
 
   /* nav-list */
   --utrecht-navigation-list-padding-inline-start: 5px;
@@ -27,10 +28,13 @@
   --utrecht-navigation-link-border-color: none;
   --utrecht-navigation-link-border-inline-end-width: 0;
   --utrecht-navigation-link-color: var(--utrecht-color-black);
+  --utrecht-navigation-link-focus-text-decoration-thickness: 1px;
 
   /* link-hover  */
   --utrecht-navigation-link-hover-color: var(--utrecht-color-blue-35);
   --utrecht-navigation-link-hover-background-color: var(--utrecht-color-white);
+  --utrecht-navigation-mobile-hover-link-font-weight: normal;
+  --utrecht-navigation-link-hover-decoration-thickness: 1px;
 
   /* --- navigation tokens end --- */