|
1
|
.side-nav {
|
1
|
.side-nav {
|
|
2
|
- display: block;
|
2
|
+ display: none;
|
|
3
|
background: #fff;
|
3
|
background: #fff;
|
|
4
|
position: fixed;
|
4
|
position: fixed;
|
|
5
|
top: 0;
|
5
|
top: 0;
|
|
6
|
bottom: 0;
|
6
|
bottom: 0;
|
|
7
|
- left: -540rem / $pxConvertRem;
|
|
|
|
8
|
- right: 640rem / $pxConvertRem;
|
7
|
+ left: 0;
|
|
|
|
8
|
+ right: 100rem / $pxConvertRem;
|
|
9
|
width: 540rem / $pxConvertRem;
|
9
|
width: 540rem / $pxConvertRem;
|
|
10
|
- z-index: -1;
|
10
|
+ z-index: 1;
|
|
11
|
overflow: hidden;
|
11
|
overflow: hidden;
|
|
12
|
@include transition(all .3s);
|
12
|
@include transition(all .3s);
|
|
13
|
|
13
|
|
|
@@ -107,9 +107,7 @@ |
|
@@ -107,9 +107,7 @@ |
|
107
|
}
|
107
|
}
|
|
108
|
|
108
|
|
|
109
|
.side-nav.on {
|
109
|
.side-nav.on {
|
|
110
|
- left: 0;
|
|
|
|
111
|
- right: 100rem / $pxConvertRem;
|
|
|
|
112
|
- z-index: 3;
|
110
|
+ display: block;
|
|
113
|
}
|
111
|
}
|
|
114
|
|
112
|
|
|
115
|
.sub-nav {
|
113
|
.sub-nav {
|
