ext.guidedTour.animations.less

gistfile1.txt

.fade-in-keyframes-for-direction(@direction, @dx, @dy) {
	@-webkit-keyframes mwe-gt-fade-in-@{direction} {
		.mwe-gt-fade-in-translate-frames(@dx, @dy);
	}
	
	@-moz-keyframes mwe-gt-fade-in-@{direction} {
		.mwe-gt-fade-in-translate-frames(@dx, @dy);
	}
	
	@-o-keyframes mwe-gt-fade-in-@{direction} {
		.mwe-gt-fade-in-translate-frames(@dx, @dy);
	}
	
	@keyframes mwe-gt-fade-in-@{direction} {
		.mwe-gt-fade-in-translate-frames(@dx, @dy);
	}
	
	.mwe-gt-fade-in-@{direction} {
		
		// TODO (phuedx, 2014-05-29): 0.3s and ease should be either generated
		// by another mixin or should be constants.
		.animation(~"mwe-gt-fade-in-@{direction}" 0.3s, ease);
		
		.mwe-gt-animation-forward();
	}
}

.fade-in-keyframes-for-direction(up, 0, 20px);
.fade-in-keyframes-for-direction(left, 20px, 0);
.fade-in-keyframes-for-direction(down, 0, -20px);
.fade-in-keyframes-for-direction(right, -20px, 0);