.generic-desktop-navigation {
@include phone { display: none !important; } @include desktop { position: absolute; top: 50px; right: 10px; z-index: 30; width: 220px; background: white; .generic-sidebar-menu, .generic-public-sidebar-menu { width: 100%; float: none; position: relative; padding: 0; } >nav>ul>li { overflow: hidden; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; &:before { content: ''; display: block; position: absolute; right: 10px; top: 14px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: $gray-200 transparent transparent transparent; } } ul.related-links:last-child { padding-bottom: 10px; } ul.related-links li { height: auto; } .current-menu-item ul { display: none; } &:hover .current-menu-item ul { display: block; } >nav>ul>li { height: 0px; } &:hover >nav>ul>li.current-menu-item { height: auto; } >nav>ul>li.current-menu-item { height: 32px; } &:hover >nav>ul>li { height: 32px; } &:hover >nav>ul>li:before { display: none; } ul.related-links { display: none; } >nav>ul.related-links>li { height: auto; } &:hover ul.related-links { display: block; } }
}