2015-10-31 22:00:16 +01:00
|
|
|
/*
|
|
|
|
* Component: Nav
|
|
|
|
* --------------
|
|
|
|
*/
|
2018-04-15 01:33:53 +02:00
|
|
|
.nav-pills {
|
|
|
|
.nav-link {
|
|
|
|
color: $gray-600;
|
|
|
|
|
2019-05-24 09:55:43 +02:00
|
|
|
&:not(.active):hover {
|
|
|
|
color: theme-color("primary")
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.nav-item {
|
|
|
|
&.dropdown.show {
|
|
|
|
.nav-link:hover {
|
|
|
|
color: $dropdown-link-active-color;
|
2019-01-31 19:00:32 +01:00
|
|
|
}
|
2018-04-15 01:33:53 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2019-05-25 15:15:32 +02:00
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
// Color variants
|
|
|
|
//
|
|
|
|
@each $color, $value in $theme-colors {
|
|
|
|
@if $color==dark or $color==light {
|
|
|
|
.navbar-#{$color} {
|
|
|
|
background-color: $value;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@each $color, $value in $theme-colors {
|
|
|
|
@if $color!=dark and $color!=light {
|
|
|
|
.navbar-#{$color} {
|
|
|
|
background-color: $value;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@each $color, $value in $colors {
|
|
|
|
.navbar-#{$color} {
|
|
|
|
background-color: $value;
|
|
|
|
}
|
|
|
|
}
|