Remove login animation for mobile browsers

This commit is contained in:
RainLoop Team 2013-12-27 13:37:31 +04:00
parent 377252edae
commit 92855bc880
6 changed files with 146 additions and 142 deletions

View file

@ -51,23 +51,23 @@
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
html.rl-started-trigger .b-login-content .loginFormWrapper {
html.rl-started-trigger.no-mobile .b-login-content .loginFormWrapper {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
html.rl-started-trigger #rl-content {
html.rl-started-trigger.no-mobile #rl-content {
.opacity(70);
}
.rl-anim {
&.csstransitions #rl-content {
&.csstransitions.no-mobile #rl-content {
.transition(~"0.4s opacity cubic-bezier(0.250, 0.460, 0.450, 0.940)");
}
&.csstransitions .b-login-content .loginFormWrapper {
&.csstransitions.no-mobile .b-login-content .loginFormWrapper {
.transition(~"0.4s all cubic-bezier(0.250, 0.460, 0.450, 0.940)");
}

View file

@ -3,6 +3,7 @@ html {
padding: 0;
overflow: hidden;
font-family: Arial, Verdana, Geneva, sans-serif;
height: 100%;
}
body {
@ -19,6 +20,7 @@ body {
left: 0;
bottom: 0;
right: 0;
height: 100%;
}
textarea {