You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
726 B
Stylus
50 lines
726 B
Stylus
5 years ago
|
html
|
||
|
height: 100%
|
||
|
|
||
|
body
|
||
|
width: 100%
|
||
|
|
||
|
#panel
|
||
|
display: flex
|
||
|
flex-direction: column
|
||
|
|
||
|
body, #panel
|
||
|
min-height: 100%
|
||
|
min-height: 100vh
|
||
|
|
||
|
.slideout-panel
|
||
|
position: relative
|
||
|
z-index: 1
|
||
|
|
||
|
.slideout-overlay
|
||
|
display: none
|
||
|
position: absolute
|
||
|
left: 0
|
||
|
top: 0
|
||
|
width: 100%
|
||
|
height: 100%
|
||
|
z-index: 99999
|
||
|
|
||
|
+mobile()
|
||
|
.nav.slideout-menu
|
||
|
position: fixed
|
||
|
top: 0
|
||
|
bottom: 0
|
||
|
right: 0
|
||
|
left: auto
|
||
|
z-index: 0
|
||
|
width: 200px
|
||
|
overflow-y: auto
|
||
|
-webkit-overflow-scrolling: touch
|
||
|
display: none
|
||
|
height: auto
|
||
|
min-height: 100vh
|
||
|
|
||
|
.slideout-open,
|
||
|
.slideout-open body,
|
||
|
.slideout-open .slideout-panel
|
||
|
overflow: hidden
|
||
|
|
||
|
.slideout-open .slideout-menu
|
||
|
display: block !important
|