saffron 0.2.2 → 0.2.3

data/app/assets/stylesheets/in-place/_colors.scss

@@ -1,6 +1,6 @@
 @mixin backgroundColor($from, $to, $selector: ":hover", $duration: 1.5s, $delay: 0s) {
   background-color: $from;
-  @include transition(background-color $duration $delay);
+  @include u-transition(background-color $duration $delay);
   &#{$selector} {
     background-color: $to;
   }
@@ -8,7 +8,7 @@
 
 @mixin borderColor($from, $to, $selector: ":hover", $duration: 1.5s, $delay: 0s) {
   border-color: $from;
-  @include transition(border-color $duration $delay);
+  @include u-transition(border-color $duration $delay);
   &#{$selector} {
     border-color: $to;
   }
@@ -16,7 +16,7 @@
 
 @mixin color($from, $to, $selector: ":hover", $duration: 1.5s, $delay: 0s) {
   color: $from;
-  @include transition(color $duration $delay);
+  @include u-transition(color $duration $delay);
   &#{$selector} {
     color: $to;
   }

data/app/assets/stylesheets/in-place/_contract.scss

@@ -1,6 +1,6 @@
 @mixin contract($selector: ":hover", $duration: 0.5s, $delay: 0s, $timing: cubic-bezier(1.000, -0.600, 0.595, 0.835)) {
-  @include transition(all $duration $delay $timing);
+  @include u-transition(all $duration $delay $timing);
   &#{$selector} {
-    @include transform(translateY($saf-enlarge-contract-jump) scale(1 / $saf-enlarge-contract-multiple));
+    @include u-transform(translateY($saf-enlarge-contract-jump) scale(1 / $saf-enlarge-contract-multiple));
   }
 }

data/app/assets/stylesheets/in-place/_cube-flip.scss

@@ -1,10 +1,10 @@
 @mixin cubeFlipUp($selector: ".flipUp", $duration: 0.5s, $delay: 0s, $timing: cubic-bezier(0.905, -0.190, 0.480, 0.995)) {
   position: relative;
-  @include prefix(transform-style, preserve-3d, webkit spec);
-  @include transition(all $duration $delay $timing);
+  @include u-prefix(transform-style, preserve-3d, webkit spec);
+  @include u-transition(all $duration $delay $timing);
   &#{$selector} {
-    @include transform(rotateX(-90deg) translateY(100%) translateZ(0));
-    @include prefix(transform-origin, 50% 100%, webkit moz spec);
+    @include u-transform(rotateX(-90deg) translateY(100%) translateZ(0));
+    @include u-prefix(transform-origin, 50% 100%, webkit moz spec);
   }
   &::before,
   &::after {
@@ -16,23 +16,23 @@
   }
   &::before {
     top: 100%;
-    @include transform(rotateX(-90deg));
-    @include prefix(transform-origin, 0 0, webkit moz spec);
+    @include u-transform(rotateX(-90deg));
+    @include u-prefix(transform-origin, 0 0, webkit moz spec);
   }
   &::after {
     top: -100%;
-    @include transform(rotateX(90deg));
-    @include prefix(transform-origin, 0 100%, webkit moz spec);
+    @include u-transform(rotateX(90deg));
+    @include u-prefix(transform-origin, 0 100%, webkit moz spec);
   }
 }
 
 @mixin cubeFlipDown($selector: ".flipDown", $duration: 0.5s, $delay: 0s, $timing: cubic-bezier(0.905, -0.190, 0.480, 0.995)) {
   position: relative;
-  @include prefix(transform-style, preserve-3d, webkit spec);
-  @include transition(all $duration $delay $timing);
+  @include u-prefix(transform-style, preserve-3d, webkit spec);
+  @include u-transition(all $duration $delay $timing);
   &#{$selector} {
-    @include transform(rotateX(90deg) translateY(-100%) translateZ(0));
-    @include prefix(transform-origin, 50% 0, webkit moz spec);
+    @include u-transform(rotateX(90deg) translateY(-100%) translateZ(0));
+    @include u-prefix(transform-origin, 50% 0, webkit moz spec);
   }
   &::before,
   &::after {
@@ -44,12 +44,12 @@
   }
   &::before {
     top: 100%;
-    @include transform(rotateX(-90deg));
-    @include prefix(transform-origin, 0 0, webkit moz spec);
+    @include u-transform(rotateX(-90deg));
+    @include u-prefix(transform-origin, 0 0, webkit moz spec);
   }
   &::after {
     top: -100%;
-    @include transform(rotateX(90deg));
-    @include prefix(transform-origin, 0 100%, webkit moz spec);
+    @include u-transform(rotateX(90deg));
+    @include u-prefix(transform-origin, 0 100%, webkit moz spec);
   }
 }

data/app/assets/stylesheets/in-place/_enlarge.scss

@@ -1,6 +1,6 @@
 @mixin enlarge($selector: ":hover", $duration: 0.5s, $delay: 0s, $timing: cubic-bezier(1.000, -0.600, 0.595, 0.835)) {
-  @include transition(all $duration $delay $timing);
+  @include u-transition(all $duration $delay $timing);
   &#{$selector} {
-    @include transform(translateY($saf-enlarge-contract-jump * -1) scale($saf-enlarge-contract-multiple));
+    @include u-transform(translateY($saf-enlarge-contract-jump * -1) scale($saf-enlarge-contract-multiple));
   }
 }

data/app/assets/stylesheets/in-place/_expand.scss

@@ -1,5 +1,5 @@
 @mixin expand($direction, $amount: 1em, $selector: ":hover", $duration: 0.5s, $delay: 0s, $timing: cubic-bezier(0.680, -0.550, 0.275, 1.465)) {
-  @include transition(padding-#{$direction} $duration $delay $timing);
+  @include u-transition(padding-#{$direction} $duration $delay $timing);
   &#{$selector} {
     padding-#{$direction}: $amount;
   }

data/app/assets/stylesheets/in-place/_flip.scss

@@ -1,10 +1,10 @@
 @mixin flip($selector: ".flipped", $duration: 0.5s, $delay: 0s, $fill-mode: both, $count: 1, $timing: ease-in) {
   position: relative;
-  @include prefix(transform-style, preserve-3d, webkit spec);
-  @include transition(all $duration $delay $timing);
-  @include prefix(backface-visibility, hidden, webkit moz spec);
+  @include u-prefix(transform-style, preserve-3d, webkit spec);
+  @include u-transition(all $duration $delay $timing);
+  @include u-prefix(backface-visibility, hidden, webkit moz spec);
   &#{$selector} {
-    @include transform(rotateY(180deg)translateZ(0));
+    @include u-transform(rotateY(180deg)translateZ(0));
   }
   &::after {
     content: '';
@@ -12,8 +12,8 @@
     left: 0;
     height: 100%;
     width: 100%;
-    @include prefix(backface-visibility, inherit, webkit moz spec);
-    @include transform(rotateY(180deg));
+    @include u-prefix(backface-visibility, inherit, webkit moz spec);
+    @include u-transform(rotateY(180deg));
   }
 }
 

data/app/assets/stylesheets/in-place/_float.scss

@@ -1,17 +1,17 @@
-@include keyframes(float) {
+@include u-keyframes(float) {
   0%, 50%, 100% {
-    @include transform(translateY($saf-float-bob-distance * -1) translateZ(0));
+    @include u-transform(translateY($saf-float-bob-distance * -1) translateZ(0));
   }
   25% {
-    @include transform(translateY($saf-float-bob-distance) rotate($saf-float-bob-angle));
+    @include u-transform(translateY($saf-float-bob-distance) rotate($saf-float-bob-angle));
   }
   75% {
-    @include transform(translateY($saf-float-bob-distance) rotate($saf-float-bob-angle * -1));
+    @include u-transform(translateY($saf-float-bob-distance) rotate($saf-float-bob-angle * -1));
   }
 }
 
 @mixin float($duration: 5s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
   // hack to fix jagged edges
   outline: 1px solid transparent;
-  @include animation(float $count $duration $delay $fill-mode $timing);
+  @include u-animation(float $count $duration $delay $fill-mode $timing);
 }

data/app/assets/stylesheets/in-place/_ping.scss

@@ -1,13 +1,13 @@
-@include keyframes(ping) {
+@include u-keyframes(ping) {
   0% {
-    @include transform(scale(0));
+    @include u-transform(scale(0));
   }
   100% {
-    @include transform(scale(1));
+    @include u-transform(scale(1));
     opacity: 0;
   }
 }
 
 @mixin ping($duration: 1.5s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
-  @include animation(ping $count $duration $delay $fill-mode $timing);
-}
+  @include u-animation(ping $count $duration $delay $fill-mode $timing);
+}

data/app/assets/stylesheets/in-place/_pulsate.scss

@@ -1,14 +1,14 @@
-@include keyframes(pulsate) {
+@include u-keyframes(pulsate) {
   0%, 100% {
     opacity: 1;
-    @include transform(scale(1) translateZ(0));
+    @include u-transform(scale(1) translateZ(0));
   }
   50% {
     opacity: 0.85;
-    @include transform(scale($saf-pulsate-scale));
+    @include u-transform(scale($saf-pulsate-scale));
   }
 }
 
 @mixin pulsate($duration: 1.5s, $delay: 0s, $fill-mode: none, $count: 3) {
-  @include animation(pulsate $count $duration $delay $fill-mode);
+  @include u-animation(pulsate $count $duration $delay $fill-mode);
 }

data/app/assets/stylesheets/in-place/_quiver.scss

@@ -1,36 +1,36 @@
-@include keyframes(quiver) {
+@include u-keyframes(quiver) {
   0%{
-    @include transform(translate3d(2px, 1px, 0) rotate(0deg));
+    @include u-transform(translate3d(2px, 1px, 0) rotate(0deg));
   }
   10% {
-    @include transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle));
+    @include u-transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle));
   }
   20% {
-    @include transform(translate3d(-3px, 0) rotate($saf-quiver-angle * -1));
+    @include u-transform(translate3d(-3px, 0) rotate($saf-quiver-angle * -1));
   }
   30% {
-    @include transform(translate3d(0, 2px, 0) rotate(0deg));
+    @include u-transform(translate3d(0, 2px, 0) rotate(0deg));
   }
   40% {
-    @include transform(translate3d(1px, -1px, 0) rotate($saf-quiver-angle));
+    @include u-transform(translate3d(1px, -1px, 0) rotate($saf-quiver-angle));
   }
   50% {
-    @include transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle * -1));
+    @include u-transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle * -1));
   }
   60% {
-    @include transform(translate3d(-3px, 1px, 0) rotate(0deg));
+    @include u-transform(translate3d(-3px, 1px, 0) rotate(0deg));
   }
   70% {
-    @include transform(translate3d(2px, 1px, 0) rotate($saf-quiver-angle));
+    @include u-transform(translate3d(2px, 1px, 0) rotate($saf-quiver-angle));
   }
   80% {
-    @include transform(translate3d(-1px, -1px, 0) rotate($saf-quiver-angle * -1));
+    @include u-transform(translate3d(-1px, -1px, 0) rotate($saf-quiver-angle * -1));
   }
   90% {
-    @include transform(translate3d(2px, 2px, 0) rotate(0deg));
+    @include u-transform(translate3d(2px, 2px, 0) rotate(0deg));
   }
   100% {
-    @include transform(translate3d(1px, -2px, 0) rotate($saf-quiver-angle));
+    @include u-transform(translate3d(1px, -2px, 0) rotate($saf-quiver-angle));
   }
 
 }
@@ -38,5 +38,5 @@
 @mixin quiver($duration: 0.75s, $delay: 0s, $fill-mode: none, $count: infinite) {
   // hack to fix jagged edges
   outline: 1px solid transparent;
-  @include animation(quiver $duration $delay $fill-mode $count);
+  @include u-animation(quiver $duration $delay $fill-mode $count);
 }

data/app/assets/stylesheets/in-place/_shake.scss

@@ -1,24 +1,24 @@
-@include keyframes(shake) {
+@include u-keyframes(shake) {
   0%, 100% {
-    @include transform(translateX(0) translateZ(0));
+    @include u-transform(translateX(0) translateZ(0));
   }
   15% {
-    @include transform(translateX($saf-shake-distance));
+    @include u-transform(translateX($saf-shake-distance));
   }
   35% {
-    @include transform(translateX($saf-shake-distance * -1));
+    @include u-transform(translateX($saf-shake-distance * -1));
   }
   50% {
-    @include transform(translateX($saf-shake-distance / 2));
+    @include u-transform(translateX($saf-shake-distance / 2));
   }
   65% {
-    @include transform(translateX($saf-shake-distance / 2 * -1));
+    @include u-transform(translateX($saf-shake-distance / 2 * -1));
   }
   85% {
-    @include transform(translateX($saf-shake-distance / 3));
+    @include u-transform(translateX($saf-shake-distance / 3));
   }
 }
 
 @mixin shake($duration: 0.5s, $delay: 0s, $fill-mode: none, $count: 1) {
-  @include animation(shake $duration $delay $fill-mode $count);
+  @include u-animation(shake $duration $delay $fill-mode $count);
 }

data/app/assets/stylesheets/in-place/_spin.scss

@@ -1,12 +1,12 @@
-@include keyframes(spin) {
+@include u-keyframes(spin) {
   0% {
-    @include transform(rotate(0deg) translateZ(0));
+    @include u-transform(rotate(0deg) translateZ(0));
   }
   100% {
-    @include transform(rotate(360deg));
+    @include u-transform(rotate(360deg));
   }
 }
 
 @mixin spin($duration: 0.5s, $delay: 0s, $fill-mode: none, $count: 1, $timing: ease-in-out) {
-  @include animation(spin $count $duration $delay $fill-mode $timing);
+  @include u-animation(spin $count $duration $delay $fill-mode $timing);
 }

data/app/assets/stylesheets/in-place/_square-dance.scss

@@ -1,18 +1,18 @@
-@include keyframes(squareDance) {
+@include u-keyframes(squareDance) {
   0%, 100% {
-    @include transform(translate3d(100%, 0, 0));
+    @include u-transform(translate3d(100%, 0, 0));
   }
   25% {
-    @include transform(translate3d(100%, 100%, 0));
+    @include u-transform(translate3d(100%, 100%, 0));
   }
   50% {
-    @include transform(translate3d(0, 100%, 0));
+    @include u-transform(translate3d(0, 100%, 0));
   }
   75% {
-    @include transform(translate3d(0, 0, 0));
+    @include u-transform(translate3d(0, 0, 0));
   }
 }
 
 @mixin squareDance($duration: 3s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
-  @include animation(squareDance $count $duration $delay $fill-mode $timing);
+  @include u-animation(squareDance $count $duration $delay $fill-mode $timing);
 }

data/app/assets/stylesheets/in-place/_sunrise.scss

@@ -1,12 +1,12 @@
-@include keyframes(sunrise) {
+@include u-keyframes(sunrise) {
   0% {
-    @include transform(rotate(0deg) translate($saf-sunrise-arch) rotate(0deg));
+    @include u-transform(rotate(0deg) translate($saf-sunrise-arch) rotate(0deg));
   }
   100% {
-    @include transform(rotate(180deg) translate($saf-sunrise-arch) rotate(-180deg));
+    @include u-transform(rotate(180deg) translate($saf-sunrise-arch) rotate(-180deg));
   }
 }
 
 @mixin sunrise($duration: 4s, $delay: 0s, $fill-mode: both, $count: 1, $timing: ease-in-out) {
-  @include animation(sunrise $count $duration $delay $fill-mode $timing);
+  @include u-animation(sunrise $count $duration $delay $fill-mode $timing);
 }

data/app/assets/stylesheets/in-place/_sway.scss

@@ -1,17 +1,17 @@
-@include keyframes(sway) {
+@include u-keyframes(sway) {
   0%, 50%, 100% {
-    @include transform(rotate($saf-sway-angle) translateZ(0));
+    @include u-transform(rotate($saf-sway-angle) translateZ(0));
   }
   25% {
-    @include transform(rotate($saf-sway-angle * -1));
+    @include u-transform(rotate($saf-sway-angle * -1));
   }
   75% {
-    @include transform(rotate($saf-sway-angle * -1));
+    @include u-transform(rotate($saf-sway-angle * -1));
   }
 }
 
 @mixin sway($duration: 6.5s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
   // hack to fix jagged edges
   outline: 1px solid transparent;
-  @include animation(sway $count $duration $delay $fill-mode $timing);
+  @include u-animation(sway $count $duration $delay $fill-mode $timing);
 }

data/app/assets/stylesheets/in-place/_teeter.scss

@@ -1,29 +1,29 @@
-@include keyframes(teeter) {
+@include u-keyframes(teeter) {
   0%, 100% {
-    @include transform(rotate(0deg) translateZ(0));
+    @include u-transform(rotate(0deg) translateZ(0));
   }
   15% {
-    @include transform(rotate($saf-teeter-angle));
+    @include u-transform(rotate($saf-teeter-angle));
   }
   30% {
-    @include transform(rotate($saf-teeter-angle * -1));
+    @include u-transform(rotate($saf-teeter-angle * -1));
   }
   45% {
-    @include transform(rotate($saf-teeter-angle / 2));
+    @include u-transform(rotate($saf-teeter-angle / 2));
   }
   60% {
-    @include transform(rotate($saf-teeter-angle / 2 * -1));
+    @include u-transform(rotate($saf-teeter-angle / 2 * -1));
   }
   73% {
-    @include transform(rotate($saf-teeter-angle / 3));
+    @include u-transform(rotate($saf-teeter-angle / 3));
   }
   86% {
-    @include transform(rotate($saf-teeter-angle / 3 * -1));
+    @include u-transform(rotate($saf-teeter-angle / 3 * -1));
   }
 }
 
 @mixin teeter($duration: 1s, $delay: 0s, $fill-mode: none, $count: 1) {
   // hack to fix jagged edges
   outline: 1px solid transparent;
-  @include animation(teeter $duration $delay $fill-mode $count);
+  @include u-animation(teeter $duration $delay $fill-mode $count);
 }

data/bower.json

@@ -1,6 +1,6 @@
 {
   "name": "saffron",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "homepage": "https://github.com/corporadobob/saffron",
   "authors": [
     "JC <j@colindres.me>"

data/lib/saffron/version.rb

@@ -1,3 +1,3 @@
 module Saffron
-  VERSION = "0.2.2"
+  VERSION = "0.2.3"
 end

data/saffron/entrances/_drop-in.scss

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