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,26 +174,36 @@ body {
.dropdown-item { .dropdown-item {
background-color: transparent; background-color: transparent;
transition: background-color 150ms; transition: background-color 150ms, color 150ms;
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
padding-right: 8px; padding-right: 8px;
padding-left: 8px; padding-left: 8px;
background-color: darken($c-dashboard-dark, 2%);
color: $c-text-light-inactive;
} }
&.active, &:hover, &:focus, &:active { &.active, &:hover, &:focus, &:active {
color: $c-text; color: $c-text;
@include media-breakpoint-down(md) {
color: $c-text-light;
}
} }
&:hover, &:focus { &:hover, &:focus {
@include media-breakpoint-up(lg) {
background-color: fade-out(#000, 0.97); background-color: fade-out(#000, 0.97);
} }
}
&.active { &.active {
@include media-breakpoint-up(lg) {
background-color: fade-out(#000, 0.93); background-color: fade-out(#000, 0.93);
} }
} }
} }
}
} }
.dashboard-footer { .dashboard-footer {