ceaser-easing 0.4 → 0.6

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in compass-ceaser-easing.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Jared Hardy
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/{README.mkdn → README.md}

@@ -10,22 +10,19 @@ Installation
 
 Install gem from the command line:
 
-    (sudo) gem install ceaser-easing
+    gem install ceaser-easing
 
-Adding Ceaser Easing to an exiting project:
+Adding Ceaser Easing to an existing project:
 
     # Edit the project configuration file and add:
     require 'ceaser-easing'
 
-    # From the command line:
-    compass install ceaser-easing
-
     #import ceaser-easing into your sass/scss file
     @import "ceaser-easing"
 
 Create a new project using Ceaser Easing
 
-    compass create project_name -r ceaser-easing --using ceaser-easing
+    compass create project_name -r ceaser-easing -u ceaser-easing
 
     #import ceaser-easing into your sass/scss file
     @import "ceaser-easing"
@@ -46,11 +43,11 @@ The ceaser easing function
     #transition {
       transition-property: all;
       transition-duration: 1.2s;
-      transition-timing-function: ceaser("ease-in");
+      transition-timing-function: ceaser($ease-in);
     }
 
     #transition-shorthand {
-      transition: all 1.2s ceaser("ease-in");
+      transition: all 1.2s ceaser($ease-in);
     }
 
 
@@ -58,11 +55,11 @@ The ceaser easing function
       animation-name: animateMe;
       animation-iteration-count: infinite;
       animation-duration: 10s;
-      animation-timing-function: ceaser("easeInSine");
+      animation-timing-function: ceaser($easeInSine);
     }
 
     #animation-shorthand {
-      animation: animateMe 10s ceaser("easeInSine") infinite
+      animation: animateMe 10s ceaser($easeInSine) infinite
 
     }
 
@@ -71,38 +68,38 @@ Ease Types
 ----------
 Here is a list of all the available easing types to choose from, you can see an example of each on the original [demo page](http://matthewlein.com/ceaser/)
 
-	  linear
-	  ease (default)
-	  ease-in
-	  ease-out
-	  ease-in-out
-
-	  easeInQuad
-	  easeInCubic
-	  easeInQuart
-	  easeInQuint
-	  easeInSine
-	  easeInExpo
-	  easeInCirc
-	  easeInBack
-
-	  easeOutQuad
-	  easeOutCubic
-	  easeOutQuart
-	  easeOutQuint
-	  easeOutSine
-	  easeOutExpo
-	  easeOutCirc
-	  easeOutBack
-
-	  easeInOutQuad
-	  easeInOutCubic
-	  easeInOutQuart
-	  easeInOutQuint
-	  easeInOutSine
-	  easeInOutExpo
-	  easeInOutCirc
-	  easeInOutBack
+    $linear
+    $ease (default)
+    $ease-in
+    $ease-out
+    $ease-in-out
+
+    $easeInQuad
+    $easeInCubic
+    $easeInQuart
+    $easeInQuint
+    $easeInSine
+    $easeInExpo
+    $easeInCirc
+    $easeInBack
+
+    $easeOutQuad
+    $easeOutCubic
+    $easeOutQuart
+    $easeOutQuint
+    $easeOutSine
+    $easeOutExpo
+    $easeOutCirc
+    $easeOutBack
+
+    $easeInOutQuad
+    $easeInOutCubic
+    $easeInOutQuart
+    $easeInOutQuint
+    $easeInOutSine
+    $easeInOutExpo
+    $easeInOutCirc
+    easeInOutBack
 
 
 
@@ -115,22 +112,42 @@ The ceaser easing extension provides a mixin called ceaser. You pass what type o
     @mixin ceaser-transition(ease type, transition property, duration, delay)
 
     # Example mixin call that will create a 3 second transition with the ease type of ease-in
-    @include ceaser-transition(ease-in, all, 3s)
+    @include ceaser-transition($ease-in, all, 3s)
 
     # Example mixin call that will create a 500 milliseconds transition on only the width property with a delay of 1 second
-    @include ceaser-transition(easeInOutExpo, width, 500ms, 1s)
+    @include ceaser-transition($easeInOutExpo, width, 500ms, 1s)
 
 
 As an example, here is how create the above transition for an html element with id of box.
 
     #box {
         width: 500px;
-        @include ceaser-transition(easeInOutExpo, width, 500ms, 1s);
+        @include ceaser-transition($easeInOutExpo, width, 500ms, 1s);
     }
 
     #box:hover {
         width: 700px;
     }
 
+Legacy Support
+-----------------------
+In this new version of ceaser-easing easing types have move to sass variables instead of using strings. Below is a comparison of the old and new syntax:
+
+    .old-syntax {
+      transition-property: all;
+      transition-duration: 1.2s;
+      transition-timing-function: ceaser("ease-in");
+    }
+
+    .new-syntax {
+      transition-property: all;
+      transition-duration: 1.2s;
+      transition-timing-function: ceaser($ease-in);
+    }
+
+For legacy purpose for this update you can use the old syntax but have to be sure enable legacy support by setting the ceaser-legacy variable to true like this:
+
+    #Legacy Variable
+    $ceaser-legacy: true
 
 

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/ceaser-easing.gemspec

@@ -0,0 +1,18 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/ceaser-easing/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Jared Hardy"]
+  gem.email         = ["jared@jaredhardy.com"]
+  gem.description   = %q{a css transition implementation of the Penner equations based on @matthewlein css conversions for compass}
+  gem.summary       = %q{a css transition implementation of the Penner equations based on @matthewlein css conversions for compass}
+  gem.homepage      = "https://github.com/jhardy/compass-ceaser-easing"
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "ceaser-easing"
+  gem.require_paths = ["lib"]
+  gem.version       = CeaserEasing::VERSION
+  gem.add_dependency("compass", [">= 0.12.2"])
+end

data/lib/ceaser-easing/version.rb

@@ -0,0 +1,3 @@
+module CeaserEasing
+  VERSION = "0.6"
+end

data/stylesheets/ceaser-easing/_ceaser.sass

@@ -1,13 +1,20 @@
 @import "compass/css3/transition"
 @import "ease-types"
+@import "easing-vars"
 
-@function ceaser($type: "ease")
-  $easingValue: returnEaseType($type)
-  @return cubic-bezier(unquote($easingValue))
+$ceaser-legacy: false !default
 
+@function ceaser($type: $ease)
+  @if $legacy
+    $easingValue: returnEaseType($type)
+    @return cubic-bezier(unquote($easingValue))
+  @else
+    @return cubic-bezier(unquote($type))
 
-
-@mixin ceaser-transition($type: "ease", $properties: all, $duration: 500ms, $delay: 0)
-  $easingValue : returnEaseType($type)
-  @include transition($properties $duration cubic-bezier(unquote($easingValue)) $delay)
+@mixin ceaser-transition($type: $ease, $properties: all, $duration: 500ms, $delay: 0ms)
+  @if $legacy
+    $easingValue : returnEaseType($type)
+    @include transition($properties $duration cubic-bezier(unquote($easingValue)) $delay)
+  @else
+    @include transition($properties $duration cubic-bezier(unquote($type)) $delay)
 

data/stylesheets/ceaser-easing/_ease-types.sass

@@ -29,7 +29,6 @@
     $easingValue: "0.600, -0.280, 0.735, 0.045"
 
 
-
   @else if $type ==  "easeOutQuad"
     $easingValue: "0.250, 0.460, 0.450, 0.940"
   @else if $type ==  "easeOutCubic"
@@ -48,7 +47,6 @@
     $easingValue: "0.175, 0.885, 0.320, 1.275"
 
 
-
   @else if $type ==  "easeInOutQuad"
     $easingValue: "0.455, 0.030, 0.515, 0.955"
   @else if $type ==  "easeInOutCubic"

data/stylesheets/ceaser-easing/_easing-vars.sass

@@ -0,0 +1,32 @@
+$linear         : "0.250, 0.250, 0.750, 0.750" !default
+$ease           : "0.250, 0.100, 0.250, 1.000"
+$ease-in        : "0.420, 0.000, 1.000, 1.000" !default
+$ease-out       : "0.000, 0.000, 0.580, 1.000" !default
+$ease-in-out    : "0.420, 0.000, 0.580, 1.000" !default
+
+$easeInQuad     : "0.550, 0.085, 0.680, 0.530" !default
+$easeInCubic    : "0.550, 0.055, 0.675, 0.190" !default
+$easeInQuart    : "0.895, 0.030, 0.685, 0.220" !default
+$easeInQuint    : "0.755, 0.050, 0.855, 0.060" !default
+$easeInSine     : "0.470, 0.000, 0.745, 0.715" !default
+$easeInExpo     : "0.950, 0.050, 0.795, 0.035" !default
+$easeInCirc     : "0.600, 0.040, 0.980, 0.335" !default
+$easeInBack     : "0.600, -0.280, 0.735, 0.045" !default
+
+$easeOutQuad    :  "0.250, 0.460, 0.450, 0.940" !default
+$easeOutCubic   :  "0.215, 0.610, 0.355, 1.000" !default
+$easeOutQuart   :  "0.165, 0.840, 0.440, 1.000" !default
+$easeOutQuint   :  "0.230, 1.000, 0.320, 1.000" !default
+$easeOutSine    :  "0.390, 0.575, 0.565, 1.000" !default
+$easeOutExpo    :  "0.190, 1.000, 0.220, 1.000" !default
+$easeOutCirc    :  "0.075, 0.820, 0.165, 1.000" !default
+$easeOutBack    :  "0.175, 0.885, 0.320, 1.275" !default
+
+$easeInOutQuad  :  "0.455, 0.030, 0.515, 0.955" !default
+$easeInOutCubic :  "0.645, 0.045, 0.355, 1.000" !default
+$easeInOutQuart :  "0.770, 0.000, 0.175, 1.000" !default
+$easeInOutQuint :  "0.860, 0.000, 0.070, 1.000" !default
+$easeInOutSine  :  "0.445, 0.050, 0.550, 0.950" !default
+$easeInOutExpo  :  "1.000, 0.000, 0.000, 1.000" !default
+$easeInOutCirc  :  "0.785, 0.135, 0.150, 0.860" !default
+$easeInOutBack  :  "0.680, -0.550, 0.265, 1.550" !default

data/templates/project/_ceaser.sass

@@ -5,13 +5,13 @@
 #transition
   -webkit-transition-property: all
   -webkit-transition-duration: 1.2s
-  -webkit-transition-timing-function: ceaser("ease-in")
+  -webkit-transition-timing-function: ceaser($ease-in)
 
 
 #animation
   -webkit-animation-name: animateMe
   -webkit-animation-iteration-count: infinite
-  -webkit-animation-timing-function: ceaser("easeInSine")
+  -webkit-animation-timing-function: ceaser($easeInSine)
   -webkit-animation-duration: 10s
 
 
@@ -22,7 +22,7 @@
 // here is how to create that transition for an html element with id of box.
 
 #ceaser-transition
-  @include ceaser-transition("easeInOutExpo", width, 500ms, 1s)
+  @include ceaser-transition($easeInOutExpo, width, 500ms, 1s)
 
 
 
@@ -30,36 +30,36 @@
 
   List of all timing function
 
-  * linear
-  * ease (default)
-  * ease-in
-  * ease-out
-  * ease-in-out
-  *
-  * easeInQuad
-  * easeInCubic
-  * easeInQuart
-  * easeInQuint
-  * easeInSine
-  * easeInExpo
-  * easeInCirc
-  * easeInBack
-  *
-  * easeOutQuad
-  * easeOutCubic
-  * easeOutQuart
-  * easeOutQuint
-  * easeOutSine
-  * easeOutExpo
-  * easeOutCirc
-  * easeOutBack
-  *
-  * easeInOutQuad
-  * easeInOutCubic
-  * easeInOutQuart
-  * easeInOutQuint
-  * easeInOutSine
-  * easeInOutExpo
-  * easeInOutCirc
-  * easeInOutBack
+  * $linear
+  * $ease (default)
+  * $ease-in
+  * $ease-out
+  * $ease-in-out
+
+  * $easeInQuad
+  * $easeInCubic
+  * $easeInQuart
+  * $easeInQuint
+  * $easeInSine
+  * $easeInExpo
+  * $easeInCirc
+  * $easeInBack
+
+  * $easeOutQuad
+  * $easeOutCubic
+  * $easeOutQuart
+  * $easeOutQuint
+  * $easeOutSine
+  * $easeOutExpo
+  * $easeOutCirc
+  * $easeOutBack
+
+  * $easeInOutQuad
+  * $easeInOutCubic
+  * $easeInOutQuart
+  * $easeInOutQuint
+  * $easeInOutSine
+  * $easeInOutExpo
+  * $easeInOutCirc
+  * $easeInOutBack
   ======================== */

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ceaser-easing
 version: !ruby/object:Gem::Version
-  version: '0.4'
+  version: '0.6'
   prerelease: 
 platform: ruby
 authors:
@@ -9,37 +9,48 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-04-13 00:00:00.000000000 -07:00
-default_executable: 
+date: 2013-01-08 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
-  requirement: &70230991675800 !ruby/object:Gem::Requirement
+  requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
-        version: '0.12'
+        version: 0.12.2
   type: :runtime
   prerelease: false
-  version_requirements: *70230991675800
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.12.2
 description: a css transition implementation of the Penner equations based on @matthewlein
   css conversions for compass
-email: jared@jaredhardy.com
+email:
+- jared@jaredhardy.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- README.mkdn
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- ceaser-easing.gemspec
 - lib/ceaser-easing.rb
+- lib/ceaser-easing/version.rb
 - stylesheets/_ceaser-easing.sass
 - stylesheets/ceaser-easing/_ceaser.sass
 - stylesheets/ceaser-easing/_ease-types.sass
 - stylesheets/ceaser-easing/_easing-functions.sass
+- stylesheets/ceaser-easing/_easing-vars.sass
 - templates/project/_ceaser.sass
 - templates/project/manifest.rb
-has_rdoc: true
-homepage: http://www.jaredhardy.com/
+homepage: https://github.com/jhardy/compass-ceaser-easing
 licenses: []
 post_install_message: 
 rdoc_options: []
@@ -59,7 +70,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.6.2
+rubygems_version: 1.8.19
 signing_key: 
 specification_version: 3
 summary: a css transition implementation of the Penner equations based on @matthewlein