Adding fold from right.
This commit is contained in:
parent
204c109b59
commit
5b822e5077
@ -176,11 +176,10 @@ body {
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
background: blueviolet;
|
background: blueviolet;
|
||||||
color: #f2eb8c;
|
color: #f2eb8c;
|
||||||
left: -100%;
|
left: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
top: 60px;
|
top: 60px;
|
||||||
height: calc(100% - 60px);
|
height: calc(100% - 60px);
|
||||||
display: block;
|
|
||||||
z-index: 500;
|
z-index: 500;
|
||||||
transition: left 0.5s ease-in; }
|
transition: left 0.5s ease-in; }
|
||||||
body nav.mobile-foldable a {
|
body nav.mobile-foldable a {
|
||||||
@ -193,6 +192,7 @@ body {
|
|||||||
body nav.mobile-foldable div.child-categories-mobile {
|
body nav.mobile-foldable div.child-categories-mobile {
|
||||||
padding-left: 10%; }
|
padding-left: 10%; }
|
||||||
body nav.mobile-foldable.show {
|
body nav.mobile-foldable.show {
|
||||||
|
display: block;
|
||||||
left: 0; }
|
left: 0; }
|
||||||
body nav.mobile-shortcuts > a {
|
body nav.mobile-shortcuts > a {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -264,13 +264,13 @@ body {
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
background: $background_div;
|
background: $background_div;
|
||||||
color: $color_div;
|
color: $color_div;
|
||||||
left: -100%;
|
left: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
top: 60px;
|
top: 60px;
|
||||||
height: calc(100% - 60px);
|
height: calc(100% - 60px);
|
||||||
display: block;
|
|
||||||
z-index: 500;
|
z-index: 500;
|
||||||
|
|
||||||
|
|
||||||
transition: left 0.5s ease-in;
|
transition: left 0.5s ease-in;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@ -289,6 +289,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
nav.mobile-foldable.show {
|
nav.mobile-foldable.show {
|
||||||
|
display: block;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user