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

@@ -11,6 +11,7 @@
         "lodash": "~2.4.1",
         "messenger": "~1.4.1",
         "rivets": "0.7.*",
-    "Sortable": "1.0.0"
+        "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"
 }