ceaser-easing 0.2 → 0.3

data/README.mkdn

@@ -1,7 +1,7 @@
 Compass Ceaser CSS Easing Transitions
 ======================================
 
-An compass extension based on [ceasar css easing animation tool](http://matthewlein.com/ceaser/) by [@matthewlein](http://twitter.com/matthewlein)
+A compass extension based on [ceasar css easing animation tool](http://matthewlein.com/ceaser/) by [@matthewlein](http://twitter.com/matthewlein)
 This extension provides transitions based on the classic Penner equations from Flash and jQuery.
 
 
@@ -10,28 +10,25 @@ Installation
 
 Install gem from the command line:
 
-    sudo gem install ceaser-easing
+    (sudo) gem install ceaser-easing
 
-Create a new project using Sassy Buttons
+Adding Ceaser Easing to an exiting project:
 
-    compass create project_name -r ceaser-easing --using ceaser-easing
-    
-    #import ceaser-easing into your sass/scss file
-    @import "ceaser-easing"
-
-    
-Adding Sassy Buttons to an exiting 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
+
+    #import ceaser-easing into your sass/scss file
+    @import "ceaser-easing"
 
 
 
@@ -41,18 +38,17 @@ Using Ceaser Easing
 
 The ceaser easing extension provides a sass function called ceaser. You use the function as a value for a transition or animation timing-function property. You pass what type of easing you would like to the function and it will apply the correct cubic-bezier transition timing function for you.
 
- 
+
 The ceaser easing function
 -----------------------
-    
-    As an example, here is how create the above transition for an html element with id of box.  
-    
+
+
     #transition {
       transition-property: all;
       transition-duration: 1.2s;
       transition-timing-function: ceaser("ease-in");
     }
-    
+
     #transition-shorthand {
       transition: all 1.2s ceaser("ease-in");
     }
@@ -64,50 +60,49 @@ The ceaser easing function
       animation-duration: 10s;
       animation-timing-function: ceaser("easeInSine");
     }
-    
+
     #animation-shorthand {
       animation: animateMe 10s ceaser("easeInSine") infinite
-      
+
     }
-    
-    
+
+
 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 
-
-	easeOutQuad 
-	easeOutCubic 
-	easeOutQuart 
-	easeOutQuint 
-	easeOutSine 
-	easeOutExpo 
-	easeOutCirc 
-
-	easeInOutQuad 
-	easeInOutCubic 
-	easeInOutQuart 
-	easeInOutQuint 
-	easeInOutSine 
-	easeInOutExpo 
-	easeInOutCirc  
-                    
-   
-   
-
+  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
 
 
 
@@ -126,16 +121,16 @@ The ceaser easing extension provides a mixin called ceaser. You pass what type o
     @include ceaser(easeInOutExpo, width, 500ms, 1s)
 
 
-As an example, here is how create the above transition for an html element with id of box.  
+As an example, here is how create the above transition for an html element with id of box.
 
     #box {
         width: 500px;
-        @include ceaser(easeInOutExpo, width, 500ms, 1s); 
+        @include ceaser(easeInOutExpo, width, 500ms, 1s);
     }
 
     #box:hover {
         width: 700px;
     }
 
-    
-    
+
+

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

@@ -25,6 +25,8 @@
     $easingValue: "0.950, 0.050, 0.795, 0.035"
   @else if $type ==  "easeInCirc"
     $easingValue: "0.600, 0.040, 0.980, 0.335"
+  @else if $type ==  "easeInBack"
+    $easingValue: "0.600, -0.280, 0.735, 0.045"
 
 
 
@@ -42,6 +44,8 @@
     $easingValue: "0.190, 1.000, 0.220, 1.000"
   @else if $type ==  "easeOutCirc"
     $easingValue: "0.075, 0.820, 0.165, 1.000"
+  @else if $type ==  "easeOutBack"
+    $easingValue: "0.175, 0.885, 0.320, 1.275"
 
 
 
@@ -59,5 +63,7 @@
     $easingValue: "1.000, 0.000, 0.000, 1.000"
   @else if $type ==  "easeInOutCirc"
     $easingValue: "0.785, 0.135, 0.150, 0.860"
+  @else if $type ==  "easeInOutBack"
+    $easingValue: "0.680, -0.550, 0.265, 1.550"
 
   @return $easingValue

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

@@ -0,0 +1,75 @@
+@import "compass/css3/transition"
+
+@mixin ceaser($type: "ease", $properties: all, $duration: 500ms, $delay: 0)
+  $easingValue : ""
+
+  @if $type ==   "linear"
+    $easingValue: returnEaseType("linear")
+  @else if $type ==  "ease"
+    $easingValue: returnEaseType("ease"1)
+  @else if $type ==  "ease-in"
+    $easingValue: returnEaseType("ease-in")
+  @else if $type ==  "ease-out"
+    $easingValue: returnEaseType("ease-out")
+  @else if $type ==  "ease-in-out"
+    $easingValue: returnEaseType("ease-in-out")
+
+
+
+  @else if $type ==  "easeInQuad"
+    $easingValue: returnEaseType("easeInQuad")
+  @else if $type ==  "easeInCubic"
+    $easingValue: returnEaseType("easeInCubic"
+  @else if $type ==  "easeInQuart"
+    $easingValue: returnEaseType("easeInQuart")
+  @else if $type ==  "easeInQuint"
+    $easingValue: returnEaseType("easeInQuint")
+  @else if $type ==  "easeInSine"
+    $easingValue: returnEaseType("easeInSine")
+  @else if $type ==  "easeInExpo"
+    $easingValue: returnEaseType("easeInExpo")
+  @else if $type ==  "easeInCirc"
+    $easingValue: returnEaseType("easeInCirc")
+  @else if $type ==  "easeInBack"
+    $easingValue: returnEaseType("easeInBack")
+
+
+
+  @else if $type ==  "easeOutQuad"
+    $easingValue: returnEaseType("easeOutQuad")
+  @else if $type ==  "easeOutCubic"
+    $easingValue: returnEaseType("easeOutCubic")
+  @else if $type ==  "easeOutQuart"
+    $easingValue: returnEaseType("easeOutQuart")
+  @else if $type ==  "easeOutQuint"
+    $easingValue: returnEaseType("easeOutQuint")
+  @else if $type ==  "easeOutSine"
+    $easingValue: returnEaseType("easeOutSine")
+  @else if $type ==  "easeOutExpo"
+    $easingValue: returnEaseType("easeOutExpo")
+  @else if $type ==  "easeOutCirc"
+    $easingValue: returnEaseType("easeOutCirc")
+  @else if $type ==  "easeOutBack"
+    $easingValue: returnEaseType("easeOutBack")
+
+
+
+  @else if $type ==  "easeInOutQuad"
+    $easingValue: returnEaseType("easeInOutQuad")
+  @else if $type ==  "easeInOutCubic"
+    $easingValue: returnEaseType("easeInOutCubic")
+  @else if $type ==  "easeInOutQuart"
+    $easingValue: returnEaseType("easeInOutQuart")
+  @else if $type ==  "easeInOutQuint"
+    $easingValue: returnEaseType("easeInOutQuint")
+  @else if $type ==  "easeInOutSine"
+    $easingValue: returnEaseType("easeInOutSine")
+  @else if $type ==  "easeInOutExpo"
+    $easingValue: returnEaseType("easeInOutExpo")
+  @else if $type ==  "easeInOutCirc"
+    $easingValue: returnEaseType("easeInOutCirc")
+  @else if $type ==  "easeInOutBack"
+    $easingValue: returnEaseType("easeInOutBack")
+
+  @include transition($properties, $duration, cubic-bezier(unquote($easingValue)), $delay)
+

data/templates/project/_ceaser.sass

@@ -26,34 +26,40 @@
 
 
 
-// list of all timing function
-
-//linear
-//ease (default)
-//ease-in
-//ease-out
-//ease-in-out
-
-//easeInQuad
-//easeInCubic
-//easeInQuart
-//easeInQuint
-//easeInSine
-//easeInExpo
-//easeInCirc
-
-//easeOutQuad
-//easeOutCubic
-//easeOutQuart
-//easeOutQuint
-//easeOutSine
-//easeOutExpo
-//easeOutCirc
-
-//easeInOutQuad
-//easeInOutCubic
-//easeInOutQuart
-//easeInOutQuint
-//easeInOutSine
-//easeInOutExpo
-//easeInOutCirc
+/* ==========================
+
+  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
+  ======================== */

metadata

@@ -1,72 +1,67 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: ceaser-easing
-version: !ruby/object:Gem::Version 
+version: !ruby/object:Gem::Version
+  version: '0.3'
   prerelease: 
-  version: "0.2"
 platform: ruby
-authors: 
+authors:
 - Jared Hardy
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2011-06-26 00:00:00 -07:00
+date: 2011-10-13 00:00:00.000000000 -07:00
 default_executable: 
-dependencies: 
-- !ruby/object:Gem::Dependency 
+dependencies:
+- !ruby/object:Gem::Dependency
   name: compass
-  prerelease: false
-  requirement: &id001 !ruby/object:Gem::Requirement 
+  requirement: &70172161646240 !ruby/object:Gem::Requirement
     none: false
-    requirements: 
-    - - ">="
-      - !ruby/object:Gem::Version 
-        version: 0.11.beta.3
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
   type: :runtime
-  version_requirements: *id001
-description: a css transition implementation of the Penner equations based on @matthewlein css conversions for compass
+  prerelease: false
+  version_requirements: *70172161646240
+description: a css transition implementation of the Penner equations based on @matthewlein
+  css conversions for compass
 email: jared@jaredhardy.com
 executables: []
-
 extensions: []
-
 extra_rdoc_files: []
-
-files: 
+files:
 - README.mkdn
 - lib/ceaser-easing.rb
 - stylesheets/_ceaser-easing.sass
 - stylesheets/ceaser-easing/_ceaser.sass
 - stylesheets/ceaser-easing/_ease-types.sass
+- stylesheets/ceaser-easing/_easing-functions.sass
 - templates/project/_ceaser.sass
 - templates/project/manifest.rb
 has_rdoc: true
 homepage: http://www.jaredhardy.com/
 licenses: []
-
 post_install_message: 
 rdoc_options: []
-
-require_paths: 
+require_paths:
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement 
+required_ruby_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      version: "0"
-required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      version: "0"
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
 requirements: []
-
 rubyforge_project: 
 rubygems_version: 1.6.2
 signing_key: 
 specification_version: 3
-summary: a css transition implementation of the Penner equations based on @matthewlein css conversions for compass
+summary: a css transition implementation of the Penner equations based on @matthewlein
+  css conversions for compass
 test_files: []
-