saffron 0.2.0

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

@@ -0,0 +1,7 @@
+@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 transform(translateY(0) scale(1) translateZ(0));
+  &#{$selector} {
+    @include transform(translateY($enlarge-contract-jump * -1) scale($enlarge-contract-multiple));
+  }
+}

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

@@ -0,0 +1,6 @@
+@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);
+  &#{$selector} {
+    padding-#{$direction}: $amount;
+  }
+}

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

@@ -0,0 +1,19 @@
+@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);
+  &#{$selector} {
+    @include transform(rotateY(180deg)translateZ(0));
+  }
+  &::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    @include prefix(backface-visibility, inherit, webkit moz spec);
+    @include transform(rotateY(180deg));
+  }
+}
+

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

@@ -0,0 +1,17 @@
+@include keyframes(float) {
+  0%, 50%, 100% {
+    @include transform(translateY($float-bob-distance * -1) translateZ(0));
+  }
+  25% {
+    @include transform(translateY($float-bob-distance) rotate($float-bob-angle));
+  }
+  75% {
+    @include transform(translateY($float-bob-distance) rotate($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);
+}

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

@@ -0,0 +1,13 @@
+@include keyframes(ping) {
+  0% {
+    @include transform(scale(0));
+  }
+  100% {
+    @include 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);
+}

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

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

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

@@ -0,0 +1,42 @@
+@include keyframes(quiver) {
+  0%{
+    @include transform(translate3d(2px, 1px, 0) rotate(0deg));
+  }
+  10% {
+    @include transform(translate3d(-1px, 2px, 0) rotate($quiver-angle));
+  }
+  20% {
+    @include transform(translate3d(-3px, 0) rotate($quiver-angle * -1));
+  }
+  30% {
+    @include transform(translate3d(0, 2px, 0) rotate(0deg));
+  }
+  40% {
+    @include transform(translate3d(1px, -1px, 0) rotate($quiver-angle));
+  }
+  50% {
+    @include transform(translate3d(-1px, 2px, 0) rotate($quiver-angle * -1));
+  }
+  60% {
+    @include transform(translate3d(-3px, 1px, 0) rotate(0deg));
+  }
+  70% {
+    @include transform(translate3d(2px, 1px, 0) rotate($quiver-angle));
+  }
+  80% {
+    @include transform(translate3d(-1px, -1px, 0) rotate($quiver-angle * -1));
+  }
+  90% {
+    @include transform(translate3d(2px, 2px, 0) rotate(0deg));
+  }
+  100% {
+    @include transform(translate3d(1px, -2px, 0) rotate($quiver-angle));
+  }
+
+}
+
+@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);
+}

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

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

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

@@ -0,0 +1,12 @@
+@include keyframes(spin) {
+  0% {
+    @include transform(rotate(0deg) translateZ(0));
+  }
+  100% {
+    @include 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);
+}

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

@@ -0,0 +1,18 @@
+@include keyframes(squareDance) {
+  0%, 100% {
+    @include transform(translate3d(100%, 0, 0));
+  }
+  25% {
+    @include transform(translate3d(100%, 100%, 0));
+  }
+  50% {
+    @include transform(translate3d(0, 100%, 0));
+  }
+  75% {
+    @include 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);
+}

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

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

@@ -0,0 +1,17 @@
+@include keyframes(sway) {
+  0%, 50%, 100% {
+    @include transform(rotate($sway-angle) translateZ(0));
+  }
+  25% {
+    @include transform(rotate($sway-angle * -1));
+  }
+  75% {
+    @include transform(rotate($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);
+}

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

@@ -0,0 +1,29 @@
+@include keyframes(teeter) {
+  0%, 100% {
+    @include transform(rotate(0deg) translateZ(0));
+  }
+  15% {
+    @include transform(rotate($teeter-angle));
+  }
+  30% {
+    @include transform(rotate($teeter-angle * -1));
+  }
+  45% {
+    @include transform(rotate($teeter-angle / 2));
+  }
+  60% {
+    @include transform(rotate($teeter-angle / 2 * -1));
+  }
+  73% {
+    @include transform(rotate($teeter-angle / 3));
+  }
+  86% {
+    @include transform(rotate($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);
+}

data/app/assets/stylesheets/saffron.scss

@@ -0,0 +1,62 @@
+// Variables
+@import "variables";
+
+// Helper Mixins and Functions
+@import "helpers/contains";
+@import "helpers/prefix";
+@import "helpers/animation";
+@import "helpers/transition";
+@import "helpers/transform";
+@import "helpers/keyframes";
+
+// Entrances
+@import "entrances/fade-in";
+@import "entrances/fade-in-up";
+@import "entrances/fade-in-down";
+@import "entrances/fade-in-left";
+@import "entrances/fade-in-right";
+@import "entrances/fade-in-zoom";
+@import "entrances/fade-in-zoom-big";
+@import "entrances/slide-in";
+@import "entrances/drop-in";
+@import "entrances/rise-in";
+@import "entrances/pop-in";
+@import "entrances/turn-in";
+@import "entrances/stretch";
+@import "entrances/newspaper";
+
+// Exits
+@import "exits/fade-out";
+@import "exits/fade-out-down";
+@import "exits/fade-out-up";
+@import "exits/fade-out-left";
+@import "exits/fade-out-right";
+@import "exits/fade-out-zoom";
+@import "exits/fade-out-zoom-big";
+@import "exits/slide-out";
+@import "exits/explode";
+@import "exits/drop-out";
+@import "exits/rise-out";
+@import "exits/poof";
+@import "exits/turn-out";
+@import "exits/compress";
+
+// In Place
+@import "in-place/float";
+@import "in-place/shake";
+@import "in-place/expand";
+@import "in-place/teeter";
+@import "in-place/quiver";
+@import "in-place/sway";
+@import "in-place/spin";
+@import "in-place/bounce";
+@import "in-place/pulsate";
+@import "in-place/colors";
+@import "in-place/around-the-world";
+@import "in-place/ping";
+@import "in-place/square-dance";
+@import "in-place/sunrise";
+@import "in-place/enlarge";
+@import "in-place/contract";
+@import "in-place/flip";
+@import "in-place/cube-flip";

data/bin/saffron

@@ -0,0 +1,9 @@
+#!/usr/bin/env ruby
+
+begin
+  require File.dirname(__FILE__) + "/../lib/saffron"
+rescue LoadError
+  require "saffron"
+end
+
+Saffron::Installer.start

data/features/install.feature

@@ -0,0 +1,28 @@
+@disable-bundler
+Feature: Install saffron
+  As a user
+  I want to easily generate the Saffron files and directories
+  So I can use them in my project
+
+  Scenario: Installing Saffron by default
+    When I run `bundle exec saffron install`
+    Then the output should contain "Saffron succesfully installed in saffron/"
+    And a directory named "saffron" should exist
+    And the sub directories should exist inside "saffron/"
+    And the following files should exist:
+      | saffron/saffron.scss |
+      | saffron/_variables.scss  |
+
+  Scenario: Installing Saffron into a specific directory
+    When I run `bundle exec saffron install -p path/to/directory`
+    Then the output should contain "Saffron succesfully installed in path/to/directory/saffron"
+    And a directory named "path/to/directory/saffron" should exist
+    And the sub directories should exist inside "path/to/directory/saffron/"
+    And the following files should exist:
+      | path/to/directory/saffron/saffron.scss |
+      | path/to/directory/saffron/_variables.scss  |
+
+  Scenario: Saffron is already installed
+    When I run `bundle exec saffron install`
+    And I run `bundle exec saffron install`
+    Then the output should contain "Saffron already exists"

data/features/step_definitions/saffron.rb

@@ -0,0 +1,37 @@
+Then(/^the output should contain the current version number$/) do
+   assert_partial_output Saffron::VERSION, all_output
+end
+
+Then(/^the sub directories should exist inside "(.*?)"$/) do |directory|
+  sub_dirs = %w{entrances exits helpers in-place}.map do |sub_dir|
+    "#{directory}#{sub_dir}"
+  end
+  check_directory_presence sub_dirs, true
+end
+
+Given(/^Saffron already exists$/) do
+  run_simple "bundle exec saffron install"
+end
+
+When(/^I modify saffron at "(.*?)" with "(.*?)"$/) do |path, mod|
+  append_to_file "#{path}/saffron.scss", mod
+end
+
+Given(/^Saffron was installed into a specific directory$/) do
+  run_simple "bundle exec saffron install -p path/to/directory"
+end
+
+Then(/^saffron at "(.*?)" should still be modified with "(.*?)"$/) do |path, mod|
+  run_simple "cat #{path}/saffron.scss"
+  assert_partial_output mod, all_output
+end
+
+Then(/^saffron at "(.*?)" should no longer contain "(.*?)"$/) do |path, mod|
+  run_simple "cat #{path}/saffron.scss"
+  assert_no_partial_output mod, all_output
+end
+
+Given(/^Saffron does not yet exist$/) do
+  check_directory_presence(["saffron/"], false)
+end
+

data/features/support/env.rb

@@ -0,0 +1 @@
+require 'aruba/cucumber'

data/features/update.feature

@@ -0,0 +1,37 @@
+@disable-bundler
+Feature: Update saffron
+  As a user
+  I want to easily update my Saffron files
+  So I can maintain the most up-to-date functionality
+
+  Scenario: Updating Saffron at the default directory
+    Given Saffron does not yet exist
+    When I run `bundle exec saffron update`
+    Then the output should contain "Saffron not found. No updates occured."
+    And a directory named "saffron/" should not exist
+    And a file named "saffron/saffron.scss" should not exist
+
+    Given Saffron already exists
+    When I modify saffron at "saffron/" with "modification text"
+    And I run `bundle exec saffron update`
+    Then the output should contain "Saffron succesfully updated in saffron/"
+    And a directory named "saffron" should exist
+    And the sub directories should exist inside "saffron/"
+    And the following files should exist:
+      | saffron/saffron.scss |
+      | saffron/_variables.scss  |
+    And saffron at "saffron/" should no longer contain "modification text"
+
+  Scenario: Updating Saffron at a specific directory
+    Given Saffron was installed into a specific directory
+    When I modify saffron at "path/to/directory/saffron/" with "modification text"
+    And I run `bundle exec saffron update`
+    Then saffron at "path/to/directory/saffron/" should still be modified with "modification text"
+    And the output should contain "Saffron not found. No updates occured."
+    And I run `bundle exec saffron update -p path/to/directory`
+    Then the output should contain "Saffron succesfully updated in path/to/directory/saffron"
+    And a directory named "path/to/directory/saffron" should exist
+    And the sub directories should exist inside "path/to/directory/saffron/"
+    And the following files should exist:
+      | path/to/directory/saffron/saffron.scss |
+      | path/to/directory/saffron/_variables.scss  |

data/features/version.feature

@@ -0,0 +1,10 @@
+@disable-bundler
+Feature: Output version
+  As a user
+  I want to know the current version of Saffron I have installed
+  So I can keep it up to date
+
+  Scenario: Viewing the current version of Saffron
+    When I run `bundle exec saffron version`
+    Then the output should contain the current version number
+