Set inverse navbar colors

This commit is contained in:
Konstantinos Triantafyllou 2022-07-04 22:35:00 +03:00
parent 8f8b85e69d
commit 3c6d5cab3a
1 changed files with 19 additions and 0 deletions

View File

@ -109,3 +109,22 @@
font-weight: @navbar-dropdown-nav-item-active-font-weight;
}
@inverse-navbar-background: @primary-color;
@inverse-navbar-background-image: @global-primary-gradient;
@inverse-navbar-nav-item-color: @global-muted-background;
@inverse-navbar-nav-item-hover-color: @global-inverse-color;
@inverse-navbar-nav-item-onclick-color: @global-inverse-color;
@inverse-navbar-nav-item-active-color: @global-inverse-color;
@inverse-navbar-nav-item-active-text-decoration: underline;
@inverse-navbar-toggle-color: @global-inverse-color;
.hook-inverse() {
.uk-navbar-container:not(.uk-navbar-transparent) {
background-image: @inverse-navbar-background-image;
}
}
.hook-inverse-navbar-nav-item-active {
text-decoration: @inverse-navbar-nav-item-active-text-decoration;
}