49 lines
1.4 KiB
CSS
49 lines
1.4 KiB
CSS
: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;
|
|
}
|