use translate over margin animation (stupid me)
This commit is contained in:
parent
b82ba54add
commit
474fbf6bf4
1 changed files with 2 additions and 2 deletions
|
@ -128,7 +128,7 @@
|
||||||
|
|
||||||
.side-drawer {
|
.side-drawer {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
transition: 0.5s;
|
transition: 0.35s;
|
||||||
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
|
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
|
||||||
margin: 0 0 0 -100px;
|
margin: 0 0 0 -100px;
|
||||||
padding: 0 0 1em 100px;
|
padding: 0 0 1em 100px;
|
||||||
|
@ -146,7 +146,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-drawer-closed {
|
.side-drawer-closed {
|
||||||
margin: 0 0 0 calc(-100% - 100px);
|
transform: translate(-100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-drawer-heading {
|
.side-drawer-heading {
|
||||||
|
|
Loading…
Reference in a new issue