|
@@ -155,18 +155,18 @@
|
|
|
max-width: 80vw;
|
|
max-width: 80vw;
|
|
|
|
|
|
|
|
// apply transition
|
|
// apply transition
|
|
|
- transition-property: left;
|
|
|
|
|
|
|
+ transition-property: transform;
|
|
|
@include apply-navigation-transition();
|
|
@include apply-navigation-transition();
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
&:not(.open) {
|
|
&:not(.open) {
|
|
|
div[data-testid='Navigation'] {
|
|
div[data-testid='Navigation'] {
|
|
|
- left: -80vw;
|
|
|
|
|
|
|
+ transform: translateX(-100%);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
&.open {
|
|
&.open {
|
|
|
div[data-testid='Navigation'] {
|
|
div[data-testid='Navigation'] {
|
|
|
- left: 0;
|
|
|
|
|
|
|
+ transform: translateX(0);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|