snappymail/dev/Styles/Animations.less

@keyframes login-form-shake  {
  0% {transform: translateX(0);}
  12.5% {transform: translateX(-6px)}
  37.5% {transform: translateX(5px)}
  62.5% {transform: translateX(-3px)}
  87.5% {transform: translateX(2px)}
  100% {transform: translateX(0)}
}

#rl-left {
	transition: width 0.3s ease-out;
}

#rl-right {
	transition: left 0.3s ease-out, right 0.3s ease-out;
}

@media screen and (min-width: 1000px) {

	html.rl-started-trigger .LoginView {
		/*transform: scale(1.1);*/
		transform: translateY(-20px);
		opacity: 0.5;
	}

	.LoginView .errorAnimated {
		animation: login-form-shake 400ms ease-in-out;
	}

	.LoginView .errorAnimated .buttonLogin {
		color: #b94a48;
		font-weight: bold;
	}

	.LoginView {
		transition: all 0.3s ease-out;
	}

	.button-delete-transitions {
		transition: all 0.2s linear;
	}

}