only apply transparency changes on mobile
This commit is contained in:
parent
5a203d6b36
commit
af4dabb413
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue