application/css/definitions.css.scss in spontaneous-0.2.0.beta5 vs application/css/definitions.css.scss in spontaneous-0.2.0.beta6

@@ -100,48 +100,41 @@
 
 .clearfix:after {
   content: ".";
   display: block;
   height: 0;
+  width: 0;
   clear: both;
   visibility: hidden; }
 
 @mixin vertical-gradient($start-color: #cccccc, $end-color: black, $mid-point: 0.5) {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($start-color), to($end-color));
   background-image: -moz-linear-gradient(top, $start-color, $end-color);
 }
 
 @mixin display-box {
-  display: -webkit-box;
-  display: -moz-box;
-  display: box;
+  // display: -webkit-box;
+  // display: -moz-box;
+  display: flex;
 }
 @mixin box-sizing($model: border-box) {
   -webkit-box-sizing: $model;
   -moz-box-sizing: $model;
   box-sizing: $model;
 }
 
-@mixin box-orient($direction: horizontal) {
-  box-orient: $direction;
-  -webkit-box-orient: $direction;
-  -moz-box-orient: $direction;
+@mixin box-orient($direction: row) {
+  flex-direction: $direction;
 }
 @mixin box-pack($packing: center) {
-  box-pack: $packing;
-  -webkit-box-pack: $packing;
-  -moz-box-pack: $packing;
+  justify-content: $packing;
 }
 @mixin box-align($aligning: start) {
-  box-align: $aligning;
-  -webkit-box-align: $aligning;
-  -moz-box-align: $aligning;
+  align-items: $aligning;
 }
 @mixin box-flex($flex: 1) {
-	-webkit-box-flex: $flex;
-	-moz-box-flex: $flex;
-	box-flex: $flex;
+	flex-grow: $flex;
 }
 
 @mixin no-select {
   -moz-user-select: none;
   -webkit-user-select: none;
@@ -345,5 +338,46 @@
 @mixin input-font {
 	font-family: $input-font-family;
 	font-size: 11px;
 	line-height: 14px;
 }
+
+@mixin animation($name: fadeIn, $duration: 1s, $delay: .2s, $function: ease, $mode: both) {
+  -webkit-animation: $name $duration $delay $function $mode;
+  -moz-animation: $name $duration $delay $function $mode;
+  -o-animation: $name $duration $delay $function $mode;
+  animation: $name $duration $delay $function $mode;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -o-transform: rotate(0deg);
+  }
+  100% {
+    -o-transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
\ No newline at end of file