saffron 0.2.0 → 0.2.2

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

@@ -5,7 +5,7 @@
   }
   50% {
     opacity: 0.85;
-    @include transform(scale($pulsate-scale));
+    @include transform(scale($saf-pulsate-scale));
   }
 }
 

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

@@ -3,34 +3,34 @@
     @include transform(translate3d(2px, 1px, 0) rotate(0deg));
   }
   10% {
-    @include transform(translate3d(-1px, 2px, 0) rotate($quiver-angle));
+    @include transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle));
   }
   20% {
-    @include transform(translate3d(-3px, 0) rotate($quiver-angle * -1));
+    @include transform(translate3d(-3px, 0) rotate($saf-quiver-angle * -1));
   }
   30% {
     @include transform(translate3d(0, 2px, 0) rotate(0deg));
   }
   40% {
-    @include transform(translate3d(1px, -1px, 0) rotate($quiver-angle));
+    @include transform(translate3d(1px, -1px, 0) rotate($saf-quiver-angle));
   }
   50% {
-    @include transform(translate3d(-1px, 2px, 0) rotate($quiver-angle * -1));
+    @include transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle * -1));
   }
   60% {
     @include transform(translate3d(-3px, 1px, 0) rotate(0deg));
   }
   70% {
-    @include transform(translate3d(2px, 1px, 0) rotate($quiver-angle));
+    @include transform(translate3d(2px, 1px, 0) rotate($saf-quiver-angle));
   }
   80% {
-    @include transform(translate3d(-1px, -1px, 0) rotate($quiver-angle * -1));
+    @include transform(translate3d(-1px, -1px, 0) rotate($saf-quiver-angle * -1));
   }
   90% {
     @include transform(translate3d(2px, 2px, 0) rotate(0deg));
   }
   100% {
-    @include transform(translate3d(1px, -2px, 0) rotate($quiver-angle));
+    @include transform(translate3d(1px, -2px, 0) rotate($saf-quiver-angle));
   }
 
 }

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

@@ -3,19 +3,19 @@
     @include transform(translateX(0) translateZ(0));
   }
   15% {
-    @include transform(translateX($shake-distance));
+    @include transform(translateX($saf-shake-distance));
   }
   35% {
-    @include transform(translateX($shake-distance * -1));
+    @include transform(translateX($saf-shake-distance * -1));
   }
   50% {
-    @include transform(translateX($shake-distance / 2));
+    @include transform(translateX($saf-shake-distance / 2));
   }
   65% {
-    @include transform(translateX($shake-distance / 2 * -1));
+    @include transform(translateX($saf-shake-distance / 2 * -1));
   }
   85% {
-    @include transform(translateX($shake-distance / 3));
+    @include transform(translateX($saf-shake-distance / 3));
   }
 }
 

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

@@ -1,12 +1,12 @@
 @include keyframes(sunrise) {
   0% {
-    @include transform(rotate(0deg) translate($sunrise-arch) rotate(0deg));
+    @include transform(rotate(0deg) translate($saf-sunrise-arch) rotate(0deg));
   }
   100% {
-    @include transform(rotate(180deg) translate($sunrise-arch) rotate(-180deg));
+    @include 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);
-}
+}

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

@@ -1,12 +1,12 @@
 @include keyframes(sway) {
   0%, 50%, 100% {
-    @include transform(rotate($sway-angle) translateZ(0));
+    @include transform(rotate($saf-sway-angle) translateZ(0));
   }
   25% {
-    @include transform(rotate($sway-angle * -1));
+    @include transform(rotate($saf-sway-angle * -1));
   }
   75% {
-    @include transform(rotate($sway-angle * -1));
+    @include transform(rotate($saf-sway-angle * -1));
   }
 }
 

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

@@ -3,22 +3,22 @@
     @include transform(rotate(0deg) translateZ(0));
   }
   15% {
-    @include transform(rotate($teeter-angle));
+    @include transform(rotate($saf-teeter-angle));
   }
   30% {
-    @include transform(rotate($teeter-angle * -1));
+    @include transform(rotate($saf-teeter-angle * -1));
   }
   45% {
-    @include transform(rotate($teeter-angle / 2));
+    @include transform(rotate($saf-teeter-angle / 2));
   }
   60% {
-    @include transform(rotate($teeter-angle / 2 * -1));
+    @include transform(rotate($saf-teeter-angle / 2 * -1));
   }
   73% {
-    @include transform(rotate($teeter-angle / 3));
+    @include transform(rotate($saf-teeter-angle / 3));
   }
   86% {
-    @include transform(rotate($teeter-angle / 3 * -1));
+    @include transform(rotate($saf-teeter-angle / 3 * -1));
   }
 }
 

data/bower.json

@@ -0,0 +1,29 @@
+{
+  "name": "saffron",
+  "version": "0.2.2",
+  "homepage": "https://github.com/corporadobob/saffron",
+  "authors": [
+    "JC <j@colindres.me>"
+  ],
+  "description": "A simple sass mixin library for animations and transitions.",
+  "main": "saffron/saffron.scss",
+  "keywords": [
+    "sass",
+    "animations"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "app",
+    "bin",
+    "features",
+    "lib",
+    "tasks",
+    "Gemfile",
+    "Gemfile.lock",
+    "Rakefile",
+    "saffron.gemspec"
+  ]
+}

data/features/install.feature

@@ -1,4 +1,3 @@
-@disable-bundler
 Feature: Install saffron
   As a user
   I want to easily generate the Saffron files and directories

data/features/update.feature

@@ -1,4 +1,3 @@
-@disable-bundler
 Feature: Update saffron
   As a user
   I want to easily update my Saffron files

data/features/version.feature

@@ -1,4 +1,3 @@
-@disable-bundler
 Feature: Output version
   As a user
   I want to know the current version of Saffron I have installed

data/lib/saffron/version.rb

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

data/sache.json

@@ -0,0 +1,5 @@
+{
+  "name": "Saffron",
+  "description": "A simple sass mixin library for animations and transitions",
+  "tags": ["mixins", "animations", "transitions", "css3", "gem"]
+}

data/saffron/_variables.scss

@@ -1,18 +1,18 @@
-$prefixes: ("webkit", "moz", "o", "ms", "spec") !default;
-$translateY-distance: 1.334em !default;
-$translateX-distance: 1.334em !default;
-$drop-rise-distance: 10em !default;
-$shake-distance: 0.55em !default;
-$teeter-angle: 10deg !default;
-$quiver-angle: 2deg !default;
-$float-bob-distance: 0.25em !default;
-$float-bob-angle: 1deg !default;
-$sway-angle: 3deg !default;
-$turn-angle: 225deg !default;
-$pulsate-scale: 1.1 !default;
-$stretch-compress-exageration: 1.05 !default;
-$distance-from-origin: 5em !default;
-$sunrise-arch: -15em !default;
-$enlarge-contract-multiple: 1.15 !default;
-$enlarge-contract-jump: 1em !default;
-$flip-scale: 1.2 !default;
+$saf-prefixes: ("webkit", "moz", "o", "ms", "spec") !default;
+$saf-translateY-distance: 1.334em !default;
+$saf-translateX-distance: 1.334em !default;
+$saf-drop-rise-distance: 10em !default;
+$saf-shake-distance: 0.55em !default;
+$saf-teeter-angle: 10deg !default;
+$saf-quiver-angle: 2deg !default;
+$saf-float-bob-distance: 0.25em !default;
+$saf-float-bob-angle: 1deg !default;
+$saf-sway-angle: 3deg !default;
+$saf-turn-angle: 225deg !default;
+$saf-pulsate-scale: 1.1 !default;
+$saf-stretch-compress-exageration: 1.05 !default;
+$saf-distance-from-origin: 5em !default;
+$saf-sunrise-arch: -15em !default;
+$saf-enlarge-contract-multiple: 1.15 !default;
+$saf-enlarge-contract-jump: 1em !default;
+$saf-flip-scale: 1.2 !default;

data/saffron/entrances/_drop-in.scss

@@ -1,10 +1,10 @@
 @include keyframes(dropIn) {
   0% {
     opacity: 0;
-    @include transform(translateY($drop-rise-distance * -1) rotate(0) translateZ(0));
+    @include transform(translateY($saf-drop-rise-distance * -1) rotate(0) translateZ(0));
   }
   10% {
-    @include transform(translateY($drop-rise-distance * -1) rotate(-40deg));
+    @include transform(translateY($saf-drop-rise-distance * -1) rotate(-40deg));
   }
   90% {
     opacity: 1;

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

@@ -1,7 +1,7 @@
 @include keyframes(fadeInDown) {
   0% {
     opacity: 0;
-    @include transform(translateY($translateY-distance * -1) translateZ(0));
+    @include transform(translateY($saf-translateY-distance * -1) translateZ(0));
   }
   100% {
     opacity: 1;

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

@@ -1,7 +1,7 @@
 @include keyframes(fadeInLeft) {
   0% {
     opacity: 0;
-    @include transform(translateX($translateX-distance * -1) translateZ(0));
+    @include transform(translateX($saf-translateX-distance * -1) translateZ(0));
   }
   100% {
     opacity: 1;

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

@@ -1,7 +1,7 @@
 @include keyframes(fadeInRight) {
   0% {
     opacity: 0;
-    @include transform(translateX($translateX-distance) translateZ(0));
+    @include transform(translateX($saf-translateX-distance) translateZ(0));
   }
   100% {
     opacity: 1;

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

@@ -1,7 +1,7 @@
 @include keyframes(fadeInUp) {
   0% {
     opacity: 0;
-    @include transform(translateY($translateY-distance) translateZ(0));
+    @include transform(translateY($saf-translateY-distance) translateZ(0));
   }
   100% {
     opacity: 1;

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

@@ -1,7 +1,7 @@
 @include keyframes(fadeInZoomBig) {
   0% {
     opacity: 0;
-    @include transform(scale(0) translateZ(0));
+    @include transform(scale(0));
   }
   60% {
     @include transform(scale(1.25));

data/saffron/entrances/_rise-in.scss

@@ -1,7 +1,7 @@
 @include keyframes(riseIn) {
   0% {
     opacity: 0;
-    @include transform(translateY($drop-rise-distance) translateZ(0));
+    @include transform(translateY($saf-drop-rise-distance) translateZ(0));
   }
   50% {
     opacity: 1

data/saffron/entrances/_slide-in.scss

@@ -1,11 +1,11 @@
 @include keyframes(slideInLeft) {
   0% {
     opacity: 0;
-    @include transform(translateX($translateX-distance * -10) translateZ(0));
+    @include transform(translateX($saf-translateX-distance * -10) translateZ(0));
   }
   65% {
     opacity: 1;
-    @include transform(translateX($translateX-distance));
+    @include transform(translateX($saf-translateX-distance));
   }
   100% {
     @include transform(translateX(0));
@@ -19,11 +19,11 @@
 @include keyframes(slideInRight) {
   0% {
     opacity: 0;
-    @include transform(translateX($translateX-distance * 10) translateZ(0));
+    @include transform(translateX($saf-translateX-distance * 10) translateZ(0));
   }
   65% {
     opacity: 1;
-    @include transform(translateX($translateX-distance * -1));
+    @include transform(translateX($saf-translateX-distance * -1));
   }
   100% {
     @include transform(translateX(0));

data/saffron/entrances/_stretch.scss

@@ -1,21 +1,21 @@
 @include keyframes(stretch) {
   0% {
-    @include transform(scaleY(0) translateZ(0));
+    @include transform(scaleY(0));
   }
   40% {
-    @include transform(scaleY($stretch-compress-exageration));
+    @include transform(scaleY($saf-stretch-compress-exageration));
   }
   60% {
-    @include transform(scaleY($stretch-compress-exageration - ($stretch-compress-exageration * .075)));
+    @include transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .075)));
   }
   80% {
-    @include transform(scaleY($stretch-compress-exageration));
+    @include transform(scaleY($saf-stretch-compress-exageration));
   }
   100% {
-    @include transform(scaleY($stretch-compress-exageration - ($stretch-compress-exageration * .075)));
+    @include transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .075)));
   }
   80% {
-    @include transform(scaleY($stretch-compress-exageration - ($stretch-compress-exageration * .025)));
+    @include transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .025)));
   }
   100% {
     @include transform(scaleY(1));

data/saffron/entrances/_turn-in.scss

@@ -1,7 +1,7 @@
-@include keyframes(turnDownIn) {
+@include keyframes(turnInDown) {
   0% {
     opacity: 0;
-    @include transform(perspective(500px) rotateX($turn-angle * -1) translateZ(150px));
+    @include transform(perspective(500px) rotateX($saf-turn-angle * -1) translateZ(150px));
   }
   100% {
     opacity: 1;
@@ -10,14 +10,14 @@
   }
 }
 
-@mixin turnDownIn($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(turnDownIn $duration $delay $fill-mode);
+@mixin turnInDown($duration: 1s, $delay: 0s, $fill-mode: forwards) {
+  @include animation(turnInDown $duration $delay $fill-mode);
 }
 
-@include keyframes(turnUpIn) {
+@include keyframes(turnInUp) {
   0% {
     opacity: 0;
-    @include transform(perspective(500px) rotateX($turn-angle) translateZ(150px));
+    @include transform(perspective(500px) rotateX($saf-turn-angle) translateZ(150px));
   }
   100% {
     opacity: 1;
@@ -26,6 +26,6 @@
   }
 }
 
-@mixin turnUpIn($duration: 1s, $delay: 0s, $fill-mode: forwards) {
-  @include animation(turnUpIn $duration $delay $fill-mode);
+@mixin turnInUp($duration: 1s, $delay: 0s, $fill-mode: forwards) {
+  @include animation(turnInUp $duration $delay $fill-mode);
 }

data/saffron/exits/_compress.scss

@@ -3,10 +3,10 @@
     @include transform(scaleY(1) translateZ(0));
   }
   30% {
-    @include transform(scaleY($stretch-compress-exageration));
+    @include transform(scaleY($saf-stretch-compress-exageration));
   }
   50% {
-    @include transform(scaleY($stretch-compress-exageration - ($stretch-compress-exageration * .075)));
+    @include transform(scaleY($saf-stretch-compress-exageration - ($saf-stretch-compress-exageration * .075)));
   }
   100% {
     @include transform(scaleY(0));

data/saffron/exits/_drop-out.scss

@@ -5,7 +5,7 @@
   }
   100% {
     opacity: 0;
-    @include transform(translateY($drop-rise-distance) rotate(-40deg));
+    @include transform(translateY($saf-drop-rise-distance) rotate(-40deg));
   }
 }
 

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

@@ -5,7 +5,7 @@
   }
   100% {
     opacity: 0;
-    @include transform(translateY($translateY-distance));
+    @include transform(translateY($saf-translateY-distance));
   }
 }
 

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

@@ -4,7 +4,7 @@
   }
   100% {
     opacity: 0;
-    @include transform(translateX($translateX-distance * -1) translateZ(0));
+    @include transform(translateX($saf-translateX-distance * -1) translateZ(0));
   }
 }