mirror of
https://github.com/prurigro/hypothetical.git
synced 2024-11-09 11:16:39 -05:00
Improve the dashboard nav dropdown styles a bit
This commit is contained in:
parent
5c6d86405f
commit
172e247559
1 changed files with 13 additions and 3 deletions
12
resources/assets/sass/dashboard.scss
vendored
12
resources/assets/sass/dashboard.scss
vendored
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue