@import "../_variables"; .t-Header-nav { .t-Menu-badge { font-weight: 600; } } /* Header Top Navigation Menu ========================================================================== */ .t-Header-nav-list { background-color: @g_neutral-160; box-shadow: inset rgba(0, 0, 0, .1) 0 1px 0; } .t-Header-nav { .a-MenuBar-item { border: 0; /* Focus State (also applied on hover) */ &.is-focused { background-color: transparent; box-shadow: 0 -4px 0 @g_neutral-130 inset; } /* Current + Focused, or Current + Expanded */ &.a-Menu--current, &.a-Menu--current.is-focused, &.is-expanded, &.a-Menu--current.is-expanded { background-color: transparent; box-shadow: inset @g_brand 0 -4px 0; } } }