Skip to content
Snippets Groups Projects
Commit 3d6a480f authored by Martin Leblanc's avatar Martin Leblanc Committed by Eric Bremner
Browse files

ISTWCMS-5639: adding css to adjust the line-height to match gesso , the menu...

ISTWCMS-5639: adding css to adjust the line-height to match gesso , the  menu items menu link in horizontal navigations
parent f649ee0c
No related branches found
No related tags found
1 merge request!42ISTWCMS-5639: ensure-typography-migrated
...@@ -62,6 +62,7 @@ ...@@ -62,6 +62,7 @@
--font-lineheight-4: 1.425; --font-lineheight-4: 1.425;
--font-lineheight-5: 1.75; --font-lineheight-5: 1.75;
--font-lineheight-6: 2; --font-lineheight-6: 2;
--font-lineheight-nav: 1.25rem;
--font-letterspacing-0: -0.05em; --font-letterspacing-0: -0.05em;
--font-letterspacing-1: 0.025em; --font-letterspacing-1: 0.025em;
--font-letterspacing-2: 0.05em; --font-letterspacing-2: 0.05em;
......
...@@ -270,6 +270,7 @@ $menu-horizontal-drop-bg: #f7f7f7; ...@@ -270,6 +270,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
.menu { .menu {
margin-left: inherit; margin-left: inherit;
&__link{ &__link{
line-height: var(--font-lineheight-nav);
position: relative; position: relative;
} }
.menu__item{ .menu__item{
...@@ -307,7 +308,7 @@ $menu-horizontal-drop-bg: #f7f7f7; ...@@ -307,7 +308,7 @@ $menu-horizontal-drop-bg: #f7f7f7;
} }
a{ a{
display: inline-block; display: inline-block;
line-height: var(--font-lineheight-2); line-height: var(--font-lineheight-nav);
padding: var(--size-1); padding: var(--size-1);
text-decoration: none; text-decoration: none;
width: 100%; width: 100%;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment