From 3d6a480f5118eb7d942b4fc55bcfb56071db0d8b Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Wed, 28 Sep 2022 13:42:21 -0400
Subject: [PATCH] ISTWCMS-5639: adding css to adjust the line-height to match
gesso , the menu items menu link in horizontal navigations
---
src/patterns/01-core/props/_fonts.scss | 1 +
.../04-components/menu/menu--horizontal/_menu--horizontal.scss | 3 ++-
2 files changed, 3 insertions(+), 1 deletion(-)
diff --git a/src/patterns/01-core/props/_fonts.scss b/src/patterns/01-core/props/_fonts.scss
index 2c2eb2df..048d16c2 100644
--- a/src/patterns/01-core/props/_fonts.scss
+++ b/src/patterns/01-core/props/_fonts.scss
@@ -62,6 +62,7 @@
--font-lineheight-4: 1.425;
--font-lineheight-5: 1.75;
--font-lineheight-6: 2;
+ --font-lineheight-nav: 1.25rem;
--font-letterspacing-0: -0.05em;
--font-letterspacing-1: 0.025em;
--font-letterspacing-2: 0.05em;
diff --git a/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss b/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
index 51d95e93..88c31aa3 100644
--- a/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
+++ b/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
@@ -270,6 +270,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
.menu {
margin-left: inherit;
&__link{
+ line-height: var(--font-lineheight-nav);
position: relative;
}
.menu__item{
@@ -307,7 +308,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
}
a{
display: inline-block;
- line-height: var(--font-lineheight-2);
+ line-height: var(--font-lineheight-nav);
padding: var(--size-1);
text-decoration: none;
width: 100%;
--
GitLab