Improve the dashboard nav dropdown styles a bit

This commit is contained in:
Kevin MacMartin 2018-04-26 01:28:49 -04:00
parent 5c6d86405f
commit 172e247559

View file

@ -174,27 +174,37 @@ body {
.dropdown-item {
background-color: transparent;
transition: background-color 150ms;
transition: background-color 150ms, color 150ms;
@include media-breakpoint-down(md) {
padding-right: 8px;
padding-left: 8px;
background-color: darken($c-dashboard-dark, 2%);
color: $c-text-light-inactive;
}
&.active, &:hover, &:focus, &:active {
color: $c-text;
@include media-breakpoint-down(md) {
color: $c-text-light;
}
}
&:hover, &:focus {
@include media-breakpoint-up(lg) {
background-color: fade-out(#000, 0.97);
}
}
&.active {
@include media-breakpoint-up(lg) {
background-color: fade-out(#000, 0.93);
}
}
}
}
}
.dashboard-footer {
margin-top: $grid-gutter-width;