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 93a80b54610b19ee78a6c832820dbba569556c4d..153085e514af6d1334ce56315eda801879295b9f 100644 --- a/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss +++ b/src/patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss @@ -335,6 +335,10 @@ $menu-horizontal-drop-bg: #f7f7f7; } .no-scroll & { > a { + height: 2.25rem; + @media(min-width: $screen-md) { + height:inherit; + } &::after { transform: rotate(270deg); @media(min-width: $screen-md) { @@ -347,6 +351,9 @@ $menu-horizontal-drop-bg: #f7f7f7; border-left: var(--size-xs) solid var(--gray-3); display: inline-block; height: 2.25rem; + @media(min-width: $screen-md) { + height:inherit; + } overflow: hidden; position: absolute; right: 0; @@ -378,6 +385,10 @@ $menu-horizontal-drop-bg: #f7f7f7; &[aria-expanded="true"]{ > a{ + height: 2.25rem; + @media(min-width: $screen-md) { + height:inherit; + } &::after { transform: rotate(-90deg); @media(min-width: $screen-md) { @@ -463,23 +474,39 @@ $menu-horizontal-drop-bg: #f7f7f7; padding: 0; a{ border-bottom: var(--size-xs) solid transparent; + height: 2.25rem; + @media(min-width: $screen-md) { + height:inherit; + } } } .menu__item { a { font-family: $menu-horizontal-sub-font; font-weight: 200; + height: 2.25rem; + @media(min-width: $screen-md) { + height:inherit; + } padding-left: var(--size-2); } .menu__item { a { font-family: $menu-horizontal-sub-font; font-weight: 200; + height: 2.25rem; + @media(min-width: $screen-md) { + height:inherit; + } } .menu__item { a { font-family: $menu-horizontal-sub-font; font-weight: 200; + height: 2.25rem; + @media(min-width: $screen-md) { + height:inherit; + } } } }