Merge pull request #1 from rcaferati/master

Refactored and reorganised entire css/less files and logic.

client/lib/modal.coffee

@@ -82,10 +82,10 @@
 		self.params = params or {}
 		self.opened = 0
 		self.initialized = 0
-        self.$modal = if $modal.length then $modal else $(".kncty-modal")
+		self.$modal = if $modal.length then $modal else $(".rocket-modal")
 		if self.$modal.length
 			self.initialized = 0
-            self.$window = self.$modal.find ".-modal"
+			self.$window = self.$modal.find ".modal"
 			self.$main = self.$modal.find "main"
 			self.$close = self.$modal.find "header > .close"
 			self.$footer = self.$modal.find "footer"

client/stylesheets/utils/_keyframes.import.less

@@ -20,3 +20,105 @@
 	99%  { opacity: 0; visibility: visible; }
 	100% { opacity: 0; visibility: hidden; }
 }
+
+@-webkit-keyframes highlight {
+	0% {
+		background: #ffff99;
+	}
+	100% {
+		background: none;
+	}
+}
+
+@-moz-keyframes highlight {
+	0% {
+		background: #ffff99;
+	}
+	100% {
+		background: none;
+	}
+}
+
+@-o-keyframes highlight {
+	0% {
+		background: #ffff99;
+	}
+	100% {
+		background: none;
+	}
+}
+
+@keyframes highlight {
+	0% {
+		background: #ffff99;
+	}
+	100% {
+		background: none;
+	}
+}
+
+@keyframes modalEnter {
+	0% {
+		opacity: 0;
+		visibility: hidden;
+	}
+	1% {
+		opacity: 0;
+		visibility: visible;
+		.transform(translateY(-150px));
+	}
+	100% {
+		opacity: 1;
+		visibility: visible;
+		.transform(translateY(0));
+	}
+}
+
+@-webkit-keyframes modalEnter {
+	0% {
+		opacity: 0;
+		visibility: hidden;
+	}
+	1% {
+		opacity: 0;
+		visibility: visible;
+		-webkit-transform: translateY(-150px);
+	}
+	100% {
+		opacity: 1;
+		visibility: visible;
+		-webkit-transform: translateY(0);
+	}
+}
+
+@keyframes modalExit {
+	0% {
+		opacity: 1;
+		visibility: visible;
+	}
+	99% {
+		opacity: 0;
+		visibility: visible;
+		.transform(translateY(150px));
+	}
+	100% {
+		opacity: 0;
+		visibility: hidden;
+	}
+}
+
+@-webkit-keyframes modalExit {
+	0% {
+		opacity: 1;
+		visibility: visible;
+	}
+	99% {
+		opacity: 0;
+		visibility: visible;
+		-webkit-transform: translateY(150px);
+	}
+	100% {
+		opacity: 0;
+		visibility: hidden;
+	}
+}

client/views/login/services.html

@@ -1,6 +1,6 @@
 <template name='loginServices'>
 	{{#if hasLoginServices}}
-		<div class="external-login">
+		<div class="social-login">
 			<h3>{{_ "loginServices.login_with"}}</h3>
 			{{#each loginService}}
 				<button type="button" class="button external-login {{service}}"><span>{{displayName}}</span></button>

client/views/modal.html

@@ -1,8 +1,8 @@
 <template name="modal">
-	<section id="{{this.id}}" class="kncty-modal {{this.class}}" tabindex="-1" role="dialog" aria-hidden="true">
+	<section id="{{this.id}}" class="rocket-modal {{this.class}}" tabindex="-1" role="dialog" aria-hidden="true">
 		<div class="wrapper">
 			<div class="window">
-				<form id="{{this.id}}-form" class="-modal form-horizontal">
+				<form id="{{this.id}}-form" class="modal form-horizontal">
 					<header>
 						<h3>{{this.title}}</h3>
 						<span class="close"><i class="fa fa-close"></i></span>