pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make side nav sub item dark blue

Browse Source 
Fix nav behavior on small screens
This commit is contained in:
Andrew Croce
2018-08-13 15:55:31 -04:00
parent aad3115093
commit dd350e67a1
2 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
styles/elements/_sidenav.scss
View File

@@ -29,8 +29,8 @@
&.sidenav__link--active {
@include h4;
background-color: $color-white;
color: $color-primary;
background-color: $color-white;
box-shadow: inset ($gap / 2) 0 0 0 $color-primary;
.sidenav__link-icon {
@@ -38,20 +38,32 @@
}
+ ul {
background-color: $color-white;
background-color: $color-primary;
.sidenav__link {
color: $color-white;
background-color: $color-primary;
&:hover {
background-color: $color-blue-darker;
}
&--active {
@include h5;
color: $color-primary;
color: $color-white;
background-color: $color-primary;
box-shadow: none;
}
.icon {
@include icon-color($color-white);
}
}
}
}
+ ul {
padding-bottom: $gap / 2;
// padding-bottom: $gap / 2;
li {
.sidenav__link {