kevin/hypothetical
1
0
Fork 0
mirror of https://github.com/prurigro/hypothetical.git synced 2024-11-22 07:54:11 -05:00
Code Issues Projects Releases Packages Wiki Activity

Improve the dashboard nav dropdown styles a bit

Browse source
This commit is contained in:
Kevin MacMartin 2018-04-26 01:28:49 -04:00
parent 5c6d86405f
commit 172e247559
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
resources/assets/sass/dashboard.scss vendored
View file

@ -174,27 +174,37 @@ 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 {
margin-top: $grid-gutter-width; margin-top: $grid-gutter-width;