snappymail/dev/Styles/User/Animations.less

@keyframes highlight-folder-row {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

@keyframes animate-stripes {
	0% {background-position: 0 0;}
	100% {background-position: 60px 0;}
}

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

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

	.b-folders li .anim-action-class {
		animation: highlight-folder-row 0.5s linear;
	}

	.b-folders .btn.buttonContacts {
		transition: margin 0.3s linear;
	}

	#rl-left .b-content {
		transition: opacity 0.3s linear;
	}

	.b-list-content {
		.e-contact-item {
			transition: max-height 400ms ease;
		}
	}

	.b-compose.loading .b-header-toolbar {
		background-size: 60px 60px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
			transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
			transparent 75%, transparent);
		animation: animate-stripes 2s linear infinite;
	}
}