make nav css transition more stable on iOS

This commit is contained in:
Mario Volke 2014-11-10 13:04:14 +01:00 committed by Tankred Hase
parent aff3854cb9
commit f0b1d7934d
1 changed files with 12 additions and 11 deletions

View File

@ -73,6 +73,7 @@
}
&__main {
height: 100%;
transform: translateZ(0);
@include respond-to(lg) {
position: absolute;
@ -85,6 +86,17 @@
}
}
// Animation
@include respond-to(not-lg) {
will-change: transform;
transform-style: preserve-3d;
transition: transform 0.15s ease-out;
.app__container:after {
will-change: transform;
transform-style: preserve-3d;
}
}
// Modifier to open sidebar
&--show-aside {
@include respond-to(not-lg) {
@ -94,15 +106,4 @@
}
}
}
// Animation
@include respond-to(not-lg) {
will-change: transform;
transform-style: preserve3d;
transition: transform 0.15s ease-out;
.app__container:after {
will-change: transform;
transform-style: preserve3d;
}
}
}