saffron 0.2.2 → 0.2.3

data/saffron/entrances/_fade-in-down.scss

@@ -1,7 +1,7 @@
-@include keyframes(fadeInDown) {
+@include u-keyframes(fadeInDown) {
   0% {
     opacity: 0;
-    @include transform(translateY($saf-translateY-distance * -1) translateZ(0));
+    @include u-transform(translateY($saf-translateY-distance * -1) translateZ(0));
   }
   100% {
     opacity: 1;
@@ -9,5 +9,5 @@
 }
 
 @mixin fadeInDown($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(fadeInDown $duration $delay $fill-mode);
+  @include u-animation(fadeInDown $duration $delay $fill-mode);
 }

data/saffron/entrances/_fade-in-left.scss

@@ -1,7 +1,7 @@
-@include keyframes(fadeInLeft) {
+@include u-keyframes(fadeInLeft) {
   0% {
     opacity: 0;
-    @include transform(translateX($saf-translateX-distance * -1) translateZ(0));
+    @include u-transform(translateX($saf-translateX-distance * -1) translateZ(0));
   }
   100% {
     opacity: 1;
@@ -9,5 +9,5 @@
 }
 
 @mixin fadeInLeft($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(fadeInLeft $duration $delay $fill-mode);
+  @include u-animation(fadeInLeft $duration $delay $fill-mode);
 }

data/saffron/entrances/_fade-in-right.scss

@@ -1,7 +1,7 @@
-@include keyframes(fadeInRight) {
+@include u-keyframes(fadeInRight) {
   0% {
     opacity: 0;
-    @include transform(translateX($saf-translateX-distance) translateZ(0));
+    @include u-transform(translateX($saf-translateX-distance) translateZ(0));
   }
   100% {
     opacity: 1;
@@ -9,5 +9,5 @@
 }
 
 @mixin fadeInRight($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(fadeInRight $duration $delay $fill-mode);
+  @include u-animation(fadeInRight $duration $delay $fill-mode);
 }

data/saffron/entrances/_fade-in-up.scss

@@ -1,7 +1,7 @@
-@include keyframes(fadeInUp) {
+@include u-keyframes(fadeInUp) {
   0% {
     opacity: 0;
-    @include transform(translateY($saf-translateY-distance) translateZ(0));
+    @include u-transform(translateY($saf-translateY-distance) translateZ(0));
   }
   100% {
     opacity: 1;
@@ -9,5 +9,5 @@
 }
 
 @mixin fadeInUp($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(fadeInUp $duration $delay $fill-mode);
+  @include u-animation(fadeInUp $duration $delay $fill-mode);
 }

data/saffron/entrances/_fade-in-zoom-big.scss

@@ -1,20 +1,20 @@
-@include keyframes(fadeInZoomBig) {
+@include u-keyframes(fadeInZoomBig) {
   0% {
     opacity: 0;
-    @include transform(scale(0));
+    @include u-transform(scale(0));
   }
   60% {
-    @include transform(scale(1.25));
+    @include u-transform(scale(1.25));
   }
   80% {
-    @include transform(scale(0.95));
+    @include u-transform(scale(0.95));
   }
   100% {
     opacity: 1;
-    @include transform(scale(1));
+    @include u-transform(scale(1));
   }
 }
 
 @mixin fadeInZoomBig($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(fadeInZoomBig $duration $delay $fill-mode);
+  @include u-animation(fadeInZoomBig $duration $delay $fill-mode);
 }

data/saffron/entrances/_fade-in-zoom.scss

@@ -1,14 +1,14 @@
-@include keyframes(fadeInZoom) {
+@include u-keyframes(fadeInZoom) {
   0% {
     opacity: 0;
-    @include transform(scale(0) translateZ(0));
+    @include u-transform(scale(0) translateZ(0));
   }
   100% {
     opacity: 1;
-    @include transform(scale(1));
+    @include u-transform(scale(1));
   }
 }
 
 @mixin fadeInZoom($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(fadeInZoom $duration $delay $fill-mode);
+  @include u-animation(fadeInZoom $duration $delay $fill-mode);
 }

data/saffron/entrances/_fade-in.scss

@@ -1,7 +1,7 @@
-@include keyframes(fadeIn) {
+@include u-keyframes(fadeIn) {
   0% {
     opacity: 0;
-    @include transform(translateZ(0));
+    @include u-transform(translateZ(0));
   }
   100% {
     opacity: 1;
@@ -9,5 +9,5 @@
 }
 
 @mixin fadeIn($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(fadeIn $duration $delay $fill-mode);
+  @include u-animation(fadeIn $duration $delay $fill-mode);
 }

data/saffron/entrances/_newspaper.scss

@@ -1,14 +1,14 @@
-@include keyframes(newspaper) {
+@include u-keyframes(newspaper) {
   0% {
     opacity: 0;
-    @include transform(rotate(720deg) scale(0.33) translateZ(0));
+    @include u-transform(rotate(720deg) scale(0.33) translateZ(0));
   }
   100% {
     opacity: 1;
-    @include transform(rotate(0deg) scale(1));
+    @include u-transform(rotate(0deg) scale(1));
   }
 }
 
 @mixin newspaper($duration: 1s, $delay: 0s, $fill-mode: both, $count: 1, $timing: ease-in-out) {
-  @include animation(newspaper $count $duration $delay $fill-mode $timing);
+  @include u-animation(newspaper $count $duration $delay $fill-mode $timing);
 }

data/saffron/entrances/_pop-in.scss

@@ -1,14 +1,14 @@
-@include keyframes(popIn) {
+@include u-keyframes(popIn) {
   0% {
-    @include transform(scale(0.25) translateZ(0));
+    @include u-transform(scale(0.25) translateZ(0));
     opacity: 0;
   }
   100% {
     opacity: 1;
-    @include transform(scale(1));
+    @include u-transform(scale(1));
   }
 }
 
 @mixin popIn($duration: 0.5s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(popIn $duration $delay $fill-mode);
+  @include u-animation(popIn $duration $delay $fill-mode);
 }

data/saffron/entrances/_rise-in.scss

@@ -1,7 +1,7 @@
-@include keyframes(riseIn) {
+@include u-keyframes(riseIn) {
   0% {
     opacity: 0;
-    @include transform(translateY($saf-drop-rise-distance) translateZ(0));
+    @include u-transform(translateY($saf-drop-rise-distance) translateZ(0));
   }
   50% {
     opacity: 1
@@ -9,5 +9,5 @@
 }
 
 @mixin riseIn($duration: 0.5s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(riseIn $duration $delay $fill-mode);
+  @include u-animation(riseIn $duration $delay $fill-mode);
 }

data/saffron/entrances/_slide-in.scss

@@ -1,35 +1,35 @@
-@include keyframes(slideInLeft) {
+@include u-keyframes(slideInLeft) {
   0% {
     opacity: 0;
-    @include transform(translateX($saf-translateX-distance * -10) translateZ(0));
+    @include u-transform(translateX($saf-translateX-distance * -10) translateZ(0));
   }
   65% {
     opacity: 1;
-    @include transform(translateX($saf-translateX-distance));
+    @include u-transform(translateX($saf-translateX-distance));
   }
   100% {
-    @include transform(translateX(0));
+    @include u-transform(translateX(0));
   }
 }
 
 @mixin slideInLeft($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(slideInLeft $duration $delay $fill-mode);
+  @include u-animation(slideInLeft $duration $delay $fill-mode);
 }
 
-@include keyframes(slideInRight) {
+@include u-keyframes(slideInRight) {
   0% {
     opacity: 0;
-    @include transform(translateX($saf-translateX-distance * 10) translateZ(0));
+    @include u-transform(translateX($saf-translateX-distance * 10) translateZ(0));
   }
   65% {
     opacity: 1;
-    @include transform(translateX($saf-translateX-distance * -1));
+    @include u-transform(translateX($saf-translateX-distance * -1));
   }
   100% {
-    @include transform(translateX(0));
+    @include u-transform(translateX(0));
   }
 }
 
 @mixin slideInRight($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(slideInRight $duration $delay $fill-mode);
+  @include u-animation(slideInRight $duration $delay $fill-mode);
 }

data/saffron/entrances/_stretch.scss

@@ -1,33 +1,33 @@
-@include keyframes(stretch) {
+@include u-keyframes(stretch) {
   0% {
-    @include transform(scaleY(0));
+    @include u-transform(scaleY(0));
   }
   40% {
-    @include transform(scaleY($saf-stretch-compress-exageration));
+    @include u-transform(scaleY($saf-stretch-compress-exageration));
   }
   60% {
-    @include transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .075)));
+    @include u-transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .075)));
   }
   80% {
-    @include transform(scaleY($saf-stretch-compress-exageration));
+    @include u-transform(scaleY($saf-stretch-compress-exageration));
   }
   100% {
-    @include transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .075)));
+    @include u-transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .075)));
   }
   80% {
-    @include transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .025)));
+    @include u-transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .025)));
   }
   100% {
-    @include transform(scaleY(1));
+    @include u-transform(scaleY(1));
   }
 }
 
 @mixin stretchUp($duration: 1.75s, $delay: 0s, $count: 1, $fill-mode: both, $timing: ease-out) {
-  @include animation(stretch $count $duration $delay $fill-mode $timing);
-  @include prefix(transform-origin, 0 100%, webkit moz spec);
+  @include u-animation(stretch $count $duration $delay $fill-mode $timing);
+  @include u-prefix(u-transform-origin, 0 100%, webkit moz spec);
 }
 
 @mixin stretchDown($duration: 1.75s, $delay: 0s, $count: 1, $fill-mode: both, $timing: ease-out) {
-  @include animation(stretch $count $duration $delay $fill-mode $timing);
-  @include prefix(transform-origin, 0 0, webkit moz spec);
+  @include u-animation(stretch $count $duration $delay $fill-mode $timing);
+  @include u-prefix(u-transform-origin, 0 0, webkit moz spec);
 }

data/saffron/entrances/_turn-in.scss

@@ -1,31 +1,31 @@
-@include keyframes(turnInDown) {
+@include u-keyframes(turnInDown) {
   0% {
     opacity: 0;
-    @include transform(perspective(500px) rotateX($saf-turn-angle * -1) translateZ(150px));
+    @include u-transform(perspective(500px) rotateX($saf-turn-angle * -1) translateZ(150px));
   }
   100% {
     opacity: 1;
-    @include transform(perspective(800px) rotateX(0deg) translateZ(0));
-    @include prefix(backface-visibility, hidden, webkit moz spec);
+    @include u-transform(perspective(800px) rotateX(0deg) translateZ(0));
+    @include u-prefix(backface-visibility, hidden, webkit moz spec);
   }
 }
 
 @mixin turnInDown($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(turnInDown $duration $delay $fill-mode);
+  @include u-animation(turnInDown $duration $delay $fill-mode);
 }
 
-@include keyframes(turnInUp) {
+@include u-keyframes(turnInUp) {
   0% {
     opacity: 0;
-    @include transform(perspective(500px) rotateX($saf-turn-angle) translateZ(150px));
+    @include u-transform(perspective(500px) rotateX($saf-turn-angle) translateZ(150px));
   }
   100% {
     opacity: 1;
-    @include transform(perspective(800px) rotateX(0deg) translateZ(0));
-    @include prefix(backface-visibility, hidden, webkit moz spec);
+    @include u-transform(perspective(800px) rotateX(0deg) translateZ(0));
+    @include u-prefix(backface-visibility, hidden, webkit moz spec);
   }
 }
 
 @mixin turnInUp($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(turnInUp $duration $delay $fill-mode);
+  @include u-animation(turnInUp $duration $delay $fill-mode);
 }

data/saffron/exits/_compress.scss

@@ -1,25 +1,25 @@
-@include keyframes(compress) {
+@include u-keyframes(compress) {
   0% {
-    @include transform(scaleY(1) translateZ(0));
+    @include u-transform(scaleY(1) translateZ(0));
   }
   30% {
-    @include transform(scaleY($saf-stretch-compress-exageration));
+    @include u-transform(scaleY($saf-stretch-compress-exageration));
   }
   50% {
-    @include transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .075)));
+    @include u-transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .075)));
   }
   100% {
-    @include transform(scaleY(0));
+    @include u-transform(scaleY(0));
   }
 }
 
 @mixin compressUp($duration: 0.7s, $delay: 0s, $count: 1, $fill-mode: both, $timing: ease-out) {
-  @include animation(compress $count $duration $delay $fill-mode $timing);
-  @include prefix(transform-origin, 0 0, webkit moz spec);
+  @include u-animation(compress $count $duration $delay $fill-mode $timing);
+  @include prefix(u-transform-origin, 0 0, webkit moz spec);
 }
 
 @mixin compressDown($duration: 0.7s, $delay: 0s, $count: 1, $fill-mode: both, $timing: ease-out) {
-  @include animation(compress $count $duration $delay $fill-mode $timing);
-  @include prefix(transform-origin, 0 100%, webkit moz spec);
+  @include u-animation(compress $count $duration $delay $fill-mode $timing);
+  @include prefix(u-transform-origin, 0 100%, webkit moz spec);
 }
 

data/saffron/exits/_drop-out.scss

@@ -1,14 +1,14 @@
-@include keyframes(dropOut) {
+@include u-keyframes(dropOut) {
   0% {
     opacity: 1;
-    @include transform(translateZ(0));
+    @include u-transform(translateZ(0));
   }
   100% {
     opacity: 0;
-    @include transform(translateY($saf-drop-rise-distance) rotate(-40deg));
+    @include u-transform(translateY($saf-drop-rise-distance) rotate(-40deg));
   }
 }
 
 @mixin dropOut($duration: 0.5s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(dropOut $duration $delay $fill-mode);
+  @include u-animation(dropOut $duration $delay $fill-mode);
 }

data/saffron/exits/_explode.scss

@@ -1,14 +1,14 @@
-@include keyframes(explode) {
+@include u-keyframes(explode) {
   0% {
     opacity: 1;
-    @include transform(translateZ(0));
+    @include u-transform(translateZ(0));
   }
   100% {
     opacity: 0;
-    @include transform(scale(5));
+    @include u-transform(scale(5));
   }
 }
 
 @mixin explode($duration: 0.5s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(explode $duration $delay $fill-mode);
+  @include u-animation(explode $duration $delay $fill-mode);
 }

data/saffron/exits/_fade-out-down.scss

@@ -1,14 +1,14 @@
-@include keyframes(fadeOutDown) {
+@include u-keyframes(fadeOutDown) {
   0% {
     opacity: 1;
-    @include transform(translateZ(0));
+    @include u-transform(translateZ(0));
   }
   100% {
     opacity: 0;
-    @include transform(translateY($saf-translateY-distance));
+    @include u-transform(translateY($saf-translateY-distance));
   }
 }
 
 @mixin fadeOutDown($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(fadeOutDown $duration $delay $fill-mode);
+  @include u-animation(fadeOutDown $duration $delay $fill-mode);
 }

data/saffron/exits/_fade-out-left.scss

@@ -1,13 +1,13 @@
-@include keyframes(fadeOutLeft) {
+@include u-keyframes(fadeOutLeft) {
   0% {
     opacity: 1;
   }
   100% {
     opacity: 0;
-    @include transform(translateX($saf-translateX-distance * -1) translateZ(0));
+    @include u-transform(translateX($saf-translateX-distance * -1) translateZ(0));
   }
 }
 
 @mixin fadeOutLeft($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(fadeOutLeft $duration $delay $fill-mode);
+  @include u-animation(fadeOutLeft $duration $delay $fill-mode);
 }

data/saffron/exits/_fade-out-right.scss

@@ -1,13 +1,13 @@
-@include keyframes(fadeOutRight) {
+@include u-keyframes(fadeOutRight) {
   0% {
     opacity: 1;
   }
   100% {
     opacity: 0;
-    @include transform(translateX($saf-translateX-distance) translateZ(0));
+    @include u-transform(translateX($saf-translateX-distance) translateZ(0));
   }
 }
 
 @mixin fadeOutRight($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(fadeOutRight $duration $delay $fill-mode);
+  @include u-animation(fadeOutRight $duration $delay $fill-mode);
 }