2019-10-29 09:22:51 +01:00
|
|
|
//
|
|
|
|
// Mixins: Navbar
|
|
|
|
//
|
|
|
|
|
|
|
|
// Navbar Variant
|
2020-05-30 15:06:11 +02:00
|
|
|
@mixin navbar-variant($color, $font-color: rgba(255, 255, 255, .8), $hover-color: #f6f6f6, $hover-bg: rgba(0, 0, 0, .1)) {
|
2019-10-29 09:22:51 +01:00
|
|
|
background-color: $color;
|
|
|
|
|
|
|
|
.nav > li > a {
|
|
|
|
color: $font-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav > li > a:hover,
|
|
|
|
.nav > li > a:active,
|
|
|
|
.nav > li > a:focus,
|
|
|
|
.nav .open > a,
|
|
|
|
.nav .open > a:hover,
|
|
|
|
.nav .open > a:focus,
|
|
|
|
.nav > .active > a {
|
2020-06-13 12:22:58 +02:00
|
|
|
background-color: $hover-bg;
|
2019-10-29 09:22:51 +01:00
|
|
|
color: $hover-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Add color to the sidebar toggle button
|
|
|
|
.sidebar-toggle {
|
|
|
|
color: $font-color;
|
|
|
|
|
|
|
|
&:hover,
|
|
|
|
&:focus {
|
2020-06-13 12:22:58 +02:00
|
|
|
background-color: $hover-bg;
|
2019-10-29 09:22:51 +01:00
|
|
|
color: $hover-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|