Added animate css

app/assets/sass/main.scss

@@ -25,6 +25,7 @@ html, body {
 
 // Styles for plugins
 @import "plugins/messenger";
+@import "plugins/animate";
 
 // Status Page will need to override certain styles.
 @import "status-page";

app/assets/sass/plugins/_animate.scss

@@ -0,0 +1,13 @@
+@import "../../bower_components/animate-sass/animate";
+
+body {
+	-webkit-backface-visibility: hidden; // Addresses a small issue in webkit: http://bit.ly/NEdoDq
+}
+.animated {
+	@include animate-prefixer(animation-duration, $base-duration);
+	@include animate-prefixer(animation-fill-mode, both);
+
+	&.hinge {
+		@include animate-prefixer(animation-duration, $base-duration * 2);
+	}
+}

bower.json

@@ -1,16 +1,17 @@
 {
-  "name": "Cachet",
-  "dependencies": {
-    "bootstrap-sass-official": "3.3.*",
-    "chartjs": "0.2.*",
-    "humane-js": "~3.2.2",
-    "ionicons": "~2.0.0",
-    "jquery": "~2.1.1",
-    "jquery-minicolors": "2.1.10",
-    "jquery-serialize-object": "2.4.3",
-    "lodash": "~2.4.1",
-    "messenger": "~1.4.1",
-    "rivets": "0.7.*",
-    "Sortable": "1.0.0"
-  }
+    "name": "Cachet",
+    "dependencies": {
+        "bootstrap-sass-official": "3.3.*",
+        "chartjs": "0.2.*",
+        "humane-js": "~3.2.2",
+        "ionicons": "~2.0.0",
+        "jquery": "~2.1.1",
+        "jquery-minicolors": "2.1.10",
+        "jquery-serialize-object": "2.4.3",
+        "lodash": "~2.4.1",
+        "messenger": "~1.4.1",
+        "rivets": "0.7.*",
+        "Sortable": "1.0.0",
+        "animate-sass": "~0.6.2"
+    }
 }

public/build/rev-manifest.json

@@ -1,4 +1,4 @@
 {
-  "css/all.css": "css/all-e8d268bb.css",
+  "css/all.css": "css/all-3c34adf6.css",
   "js/all.js": "js/all-8dfe8cf3.js"
 }