openaire-theme/css/structure/navbar.css

49 lines
1.4 KiB
CSS
Raw Normal View History

:root {
--navbar-background-color: var(--light-color);
--navbar-background-image: none;
--navbar-color: var(--grey-color);
--navbar-color-hover: var(--secondary-color);
--navbar-decoration-hover: none;
--navbar-color-active: var(--primary-color);
--navbar-decoration-active: none;
--navbar-height: 90px;
--navbar-shadow: 0px 3px 6px #0000001A;
}
navbar .uk-navbar-container {
background: var(--navbar-background-color) !important;
background-image: var(--navbar-background-image) !important;
background-size: cover !important;
height: var(--navbar-height);
border-bottom: none !important;
box-shadow: var(--navbar-shadow);
}
.uk-navbar-container .uk-logo {
padding-top: 10px;
padding-bottom: 10px;
}
.uk-navbar-container .uk-logo > img {
max-height: calc(var(--navbar-height) - 20px);
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
min-height: var(--navbar-height);
color: var(--navbar-color) !important;
}
.uk-navbar-item, .uk-navbar-nav > li:hover > a {
color: var(--navbar-color-hover) !important;
text-decoration: var(--navbar-decoration-hover);
}
.uk-navbar-item, .uk-navbar-nav > li.uk-active > a {
color: var(--navbar-color-active) !important;
text-decoration: var(--navbar-decoration-active);
}
.uk-navbar-nav > li.uk-active >a::before, .uk-navbar-nav >li:hover >a::before, .uk-navbar-nav >li >a[aria-expanded=true]::before {
opacity: 0;
}