openaire-theme/css/structure/dropdown.css

42 lines
1.0 KiB
CSS

:root {
--dropdown-background: var(--light-color);
--dropdown-shadow: var(--shadow-main);
--dropdown-color: var(--grey-color);
--dropdown-background-hover: var(--light-blue);
--dropdown-font-size: 14px;
}
.uk-navbar-dropdown, .uk-dropdown {
background: var(--dropdown-background);
box-shadow: var(--dropdown-shadow);
border-radius: 0;
padding: 5px 0;
}
.uk-navbar-dropdown-nav > li > a, .uk-dropdown-nav > li > a {
padding: 5px 30px;
background: transparent;
color: var(--dropdown-color) !important;
font-weight: normal;
display: inherit;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
white-space: nowrap;
}
.uk-navbar-dropdown-nav > li:hover > a, .uk-dropdown-nav > li:hover > a,
.uk-navbar-dropdown-nav > li.uk-active > a, .uk-dropdown-nav > li.uk-active > a {
background: var(--dropdown-background-hover);
}
.uk-navbar-dropdown-nav > li.uk-active > a, .uk-dropdown-nav > li.uk-active > a {
font-weight: 600;
}
.uk-nav > .uk-nav-divider {
margin: 5px 0;
}