Change animations duration

Author: AramManukyan

src/_common/animations/animations.js

@@ -0,0 +1,15 @@
+/***********************************************
+*        Animation Settings
+***********************************************/
+
+function animate(options) {
+	var animationName = "animated " + options.name;
+	var animationEnd = "webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";
+	$(options.selector)
+	.addClass(animationName)
+	.one(animationEnd, 
+		function(){
+			$(this).removeClass(animationName);
+		}
+	);
+}

src/_common/animations/animations.scss

@@ -0,0 +1,4 @@
+.animated {
+  animation-duration: .5s;
+  animation-delay: .1s;
+}

src/app/_common/header/nav/nav.js

@@ -2,7 +2,7 @@ $(function() {
 	$('.nav-profile > li > a').on('click', function() {
 		var $el = $(this).next();
 
-		setAnimation({
+		animate({
 			name: 'flipInX',
 			selector: $el
 		});

src/app/pages/error.js

@@ -1,5 +1,5 @@
 $(function() {
-	setAnimation({
+	animate({
 		name: 'flipInY',
 		selector: '.error-card > .error-title-block'
 	});
@@ -8,7 +8,7 @@ $(function() {
 	setTimeout(function(){
 		var $el = $('.error-card > .error-container');
 
-		setAnimation({
+		animate({
 			name: 'fadeInUp',
 			selector: $el 
 		});

src/auth/auth.js

@@ -1,5 +1,5 @@
 $(function() {
-	setAnimation({
+	animate({
 		name: 'pulse',
 		selector: '.auth-container > .card'
 	});

src/auth/login/login.js

@@ -22,7 +22,7 @@ $(function() {
 	        agree: "Please accept our policy"
 	    },
 	    invalidHandler: function() {
-			setAnimation({
+			animate({
 				name: 'shake',
 				selector: '.auth-container > .card'
 			});

src/auth/reset/reset.js

@@ -18,7 +18,7 @@ $(function() {
 	        }
 	    },
 	    invalidHandler: function() {
-			setAnimation({
+			animate({
 				name: 'shake',
 				selector: '.auth-container > .card'
 			});

src/auth/signup/signup.js

@@ -75,7 +75,7 @@ $(function() {
 	        agree: "Please accept our policy"
 	    },
 	    invalidHandler: function() {
-			setAnimation({
+			animate({
 				name: 'shake',
 				selector: '.auth-container > .card'
 			});

src/main.js

@@ -13,21 +13,4 @@ $(function() {
 NProgress.start();
 
 // end loading bar 
-NProgress.done();
-
-
-/***********************************************
-*        Animation Settings
-***********************************************/
-
-function setAnimation(options) {
-	var animationName = "animated " + options.name;
-	var animationEnd = "webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend";
-	$(options.selector)
-	.addClass(animationName)
-	.one(animationEnd, 
-		function(){
-			$(this).removeClass(animationName);
-		}
-	);
-}
+NProgress.done();