only apply transparency changes on mobile

This commit is contained in:
Eric Jimenez 2016-09-21 11:56:19 -04:00
parent 5a203d6b36
commit af4dabb413
1 changed files with 3 additions and 1 deletions

View File

@ -10,7 +10,8 @@
*/ */
$sidenav: '.sidenav'; // Classname $sidenav: '.sidenav'; // Classname
$sidenav-background: rgba($blue-grey-50, 1); $sidenav-background: rgba($blue-grey-50, .56);
$sidenav-background-mobile: rgba($blue-grey-50, 1);
$sidenav-background-dark: $blue-grey-200; $sidenav-background-dark: $blue-grey-200;
$sidenav-color: $blue-grey-500; $sidenav-color: $blue-grey-500;
$sidenav-color-selected: $blue-700; $sidenav-color-selected: $blue-700;
@ -32,6 +33,7 @@ $sidenav-width: 240px;
// MOBILE STYLE FOR DROPDOWN & TOGGLE // MOBILE STYLE FOR DROPDOWN & TOGGLE
@include respond-to('mobile') { @include respond-to('mobile') {
background: $sidenav-background-mobile;
box-shadow: 0px 3px 6px rgba($black, .24); box-shadow: 0px 3px 6px rgba($black, .24);
width: auto; width: auto;
left: 0; left: 0;