Adding some basic animations, upgrading Angular Foundation

app/assets/javascripts/darkswarm/all.js.coffee

@@ -6,11 +6,12 @@
 #= require angular
 #= require angular-cookies
 #= require angular-sanitize
+#= require angular-animate
 #= require angular-resource
 #= require lodash.underscore.js
 #= require angular-scroll.min.js
 #= require angular-google-maps.min.js
-#= require ../shared/mm-foundation-tpls-0.2.0-SNAPSHOT
+#= require ../shared/mm-foundation-tpls-0.2.2.min.js
 #= require ../shared/bindonce.min.js
 #= require ../shared/ng-infinite-scroll.min.js
 #= require ../shared/angular-local-storage.js

app/assets/javascripts/darkswarm/darkswarm.js.coffee

@@ -6,9 +6,10 @@ window.Darkswarm = angular.module("Darkswarm", ["ngResource",
   'angular-flash.service', 
   'templates',
   'ngSanitize',
+  'ngAnimate',
   'google-maps',
   'duScroll',
-  'backstretch']).config ($httpProvider, $tooltipProvider, $locationProvider, $anchorScrollProvider) ->
+  ]).config ($httpProvider, $tooltipProvider, $locationProvider, $anchorScrollProvider) ->
   $httpProvider.defaults.headers.post['X-CSRF-Token'] = $('meta[name="csrf-token"]').attr('content') 
   $httpProvider.defaults.headers.put['X-CSRF-Token'] = $('meta[name="csrf-token"]').attr('content') 
   $httpProvider.defaults.headers['common']['X-Requested-With'] = 'XMLHttpRequest' 

app/assets/stylesheets/darkswarm/animations.sass

@@ -0,0 +1,30 @@
+.fade
+  opacity: 0
+  -webkit-transition: opacity .15s linear
+  transition: opacity .15s linear
+
+.fade.in
+  opacity: 1
+
+.reveal-modal.fade
+  -webkit-transition: -webkit-transform .3s ease-out
+  -moz-transition: -moz-transform .3s ease-out
+  -o-transition: -o-transform .3s ease-out
+  transition: transform .3s ease-out
+  -webkit-transform: translate(0, -25%)
+  -ms-transform: translate(0, -25%)
+  transform: translate(0, -25%)
+
+.reveal-modal.in
+  -webkit-transform: translate(0, 0)
+  -ms-transform: translate(0, 0)
+  transform: translate(0, 0)
+
+.reveal-modal-bg.fade
+  filter: alpha(opacity = 0)
+  opacity: 0
+
+.reveal-modal-bg.in
+  filter: alpha(opacity = 50)
+  opacity: .5
+

app/views/shop/products/_form.html.haml

@@ -12,7 +12,7 @@
         %input.button.primary.right{type: :submit, value: "Add to Cart"}
     
     %div{bindonce: true}
-      %product{"ng-controller" => "ProductNodeCtrl",
+      %product.animate-repeat{"ng-controller" => "ProductNodeCtrl",
         "ng-repeat" => "product in Product.products | products:query | orderBy:ordering.order | limitTo: limit track by product.id"}
         %div
           = render partial: "shop/products/summary"