animate.sass-rails 0.0.1

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2012 YOURNAME
+
+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.md

@@ -0,0 +1,26 @@
+# animate.sass-rails
+
+Make animate.sass easily usable in your Rails application.
+
+## Setup
+
+1) Add to your `Gemfile`:
+
+```
+gem 'animate.sass-rails'
+```
+
+2) Run `bundle install` or simply `bundle`.
+
+3) In you `application.sass` or whatever SASS file of your app:
+
+```
+@import 'animate'
+```
+
+4) Enjoy.
+
+
+## Acknowledgements
+
+Many thanks to... a lot of people! First of them [Adam Stacoviak](https://github.com/adamstac) for his port of [Animate.css](http://daneden.me/animate/). See [more credits](https://github.com/adamstac/animate.sass/blob/master/README.mdown#credits-and-special-thanks).

data/Rakefile

@@ -0,0 +1,26 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'AnimateSassRails'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+Bundler::GemHelper.install_tasks
+
+task :default => :test

data/lib/animate.sass-rails.rb

@@ -0,0 +1,6 @@
+module AnimateSassRails
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/animate.sass-rails/version.rb

@@ -0,0 +1,3 @@
+module AnimateSassRails
+  VERSION = "0.0.1"
+end

data/vendor/assets/stylesheets/_animate.sass

@@ -0,0 +1,7 @@
+// This file was intentionally written in Sass.
+
+// The goods.
+@import animate/shared
+
+// The animations.
+@import animate/animations

data/vendor/assets/stylesheets/animate/_animations.sass

@@ -0,0 +1,35 @@
+// Attention seekers
+// flash bounce shake tada swing wobble pulse
+@import animations/attention-seekers
+
+// Fading entrances
+// fadeIn fadeInUp fadeInDown fadeInLeft fadeInRight fadeInUpBig fadeInDownBig fadeInLeftBig fadeInRightBig
+@import animations/fading-entrances
+
+// Fading exits
+// fadeOut fadeOutUp fadeOutDown fadeOutLeft fadeOutRight fadeOutUpBig fadeOutDownBig fadeOutLeftBig fadeOutRightBig
+@import animations/fading-exits
+
+// Bouncing entrances
+// bounceIn bounceInDown bounceInUp bounceInLeft bounceInRight
+@import animations/bouncing-entrances
+
+// Bouncing exits
+// bounceOut bounceOutDown bounceOutUp bounceOutLeft bounceOutRight
+@import animations/bouncing-exits
+
+// Rotating entrances
+// rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight
+@import animations/rotating-entrances
+
+// Rotating exits
+// rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight
+@import animations/rotating-exits
+
+// Specials
+// hinge rollIn rollOut
+@import animations/specials
+
+// Flippers
+// flip flipInX flipOutX flipInY flipOutY
+@import animations/flippers

data/vendor/assets/stylesheets/animate/_css3.sass

@@ -0,0 +1,3 @@
+@import css3/animation
+@import css3/backface-visibility
+@import css3/transform

data/vendor/assets/stylesheets/animate/_shared.sass

@@ -0,0 +1,2 @@
+@import css3
+@import utilities

data/vendor/assets/stylesheets/animate/_utilities.sass

@@ -0,0 +1 @@
+@import utilities/mixins

data/vendor/assets/stylesheets/animate/animations/_attention-seekers.sass

@@ -0,0 +1,7 @@
+@import attention-seekers/bounce
+@import attention-seekers/flash
+@import attention-seekers/pulse
+@import attention-seekers/shake
+@import attention-seekers/swing
+@import attention-seekers/tada
+@import attention-seekers/wobble

data/vendor/assets/stylesheets/animate/animations/_bouncing-entrances.sass

@@ -0,0 +1,5 @@
+@import bouncing-entrances/bounceIn
+@import bouncing-entrances/bounceInDown
+@import bouncing-entrances/bounceInUp
+@import bouncing-entrances/bounceInLeft
+@import bouncing-entrances/bounceInRight

data/vendor/assets/stylesheets/animate/animations/_bouncing-exits.sass

@@ -0,0 +1,5 @@
+@import bouncing-exits/bounceOut
+@import bouncing-exits/bounceOutDown
+@import bouncing-exits/bounceOutUp
+@import bouncing-exits/bounceOutLeft
+@import bouncing-exits/bounceOutRight

data/vendor/assets/stylesheets/animate/animations/_fading-entrances.sass

@@ -0,0 +1,12 @@
+// Normal
+@import fading-entrances/fadeIn
+@import fading-entrances/fadeInUp
+@import fading-entrances/fadeInDown
+@import fading-entrances/fadeInLeft
+@import fading-entrances/fadeInRight
+
+// Big
+@import fading-entrances/fadeInUpBig
+@import fading-entrances/fadeInDownBig
+@import fading-entrances/fadeInLeftBig
+@import fading-entrances/fadeInRightBig

data/vendor/assets/stylesheets/animate/animations/_fading-exits.sass

@@ -0,0 +1,12 @@
+// Normal
+@import fading-exits/fadeOut
+@import fading-exits/fadeOutUp
+@import fading-exits/fadeOutDown
+@import fading-exits/fadeOutLeft
+@import fading-exits/fadeOutRight
+
+// Big
+@import fading-exits/fadeOutUpBig
+@import fading-exits/fadeOutDownBig
+@import fading-exits/fadeOutLeftBig
+@import fading-exits/fadeOutRightBig

data/vendor/assets/stylesheets/animate/animations/_flippers.sass

@@ -0,0 +1,5 @@
+@import flippers/flip
+@import flippers/flipInX
+@import flippers/flipOutX
+@import flippers/flipInY
+@import flippers/flipOutY

data/vendor/assets/stylesheets/animate/animations/_rotating-entrances.sass

@@ -0,0 +1,5 @@
+@import rotating-entrances/rotateIn
+@import rotating-entrances/rotateInDownLeft
+@import rotating-entrances/rotateInDownRight
+@import rotating-entrances/rotateInUpLeft
+@import rotating-entrances/rotateInUpRight

data/vendor/assets/stylesheets/animate/animations/_rotating-exits.sass

@@ -0,0 +1,5 @@
+@import rotating-exits/rotateOut
+@import rotating-exits/rotateOutDownLeft
+@import rotating-exits/rotateOutDownRight
+@import rotating-exits/rotateOutUpLeft
+@import rotating-exits/rotateOutUpRight

data/vendor/assets/stylesheets/animate/animations/_specials.sass

@@ -0,0 +1,3 @@
+@import specials/hinge
+@import specials/rollIn
+@import specials/rollOut

data/vendor/assets/stylesheets/animate/animations/attention-seekers/_bounce.sass

@@ -0,0 +1,42 @@
+=bounce($prefix)
+  0%
+    +transform(translateY(0), $prefix)
+  20%
+    +transform(translateY(0), $prefix)
+  40%
+    +transform(translateY(-30px), $prefix)
+  50%
+    +transform(translateY(0), $prefix)
+  60%
+    +transform(translateY(-15px), $prefix)
+  80%
+    +transform(translateY(0), $prefix)
+  100%
+    +transform(translateY(0), $prefix)
+
+@if $experimental-support-for-webkit
+  @-webkit-keyframes bounce
+    +bounce(webkit)
+
+@if $experimental-support-for-khtml
+  @-khtml-keyframes bounce
+    +bounce(khtml)
+
+@if $experimental-support-for-mozilla
+  @-moz-keyframes bounce
+    +bounce(moz)
+
+@if $experimental-support-for-microsoft
+  @-ms-keyframes bounce
+    +bounce(ms)
+
+@if $experimental-support-for-opera
+  @-o-keyframes bounce
+    +bounce(o)
+
+@keyframes bounce
+  +bounce(none)
+
+
+.bounce
+  +animation-name(bounce)

data/vendor/assets/stylesheets/animate/animations/attention-seekers/_flash.sass

@@ -0,0 +1,38 @@
+=flash
+  0%
+    opacity: 1
+  25%
+    opacity: 0
+  50%
+    opacity: 1
+  75%
+    opacity: 0
+  100%
+    opacity: 1
+
+@if $experimental-support-for-webkit
+  @-webkit-keyframes flash
+    +flash
+
+@if $experimental-support-for-khtml
+  @-khtml-keyframes flash
+    +flash
+
+@if $experimental-support-for-mozilla
+  @-moz-keyframes flash
+    +flash
+
+@if $experimental-support-for-microsoft
+  @-ms-keyframes flash
+    +flash
+
+@if $experimental-support-for-opera
+  @-o-keyframes flash
+    +flash
+
+@keyframes flash
+  +flash
+
+
+.flash
+  +animation-name(flash)

data/vendor/assets/stylesheets/animate/animations/attention-seekers/_pulse.sass

@@ -0,0 +1,36 @@
+// Originally authored by Nick Pettit - https://github.com/nickpettit/glide
+
+=pulse($prefix)
+  0%
+    +transform(scale(1), $prefix)
+  50%
+    +transform(scale(1.1), $prefix)
+  100%
+    +transform(scale(1), $prefix)
+
+@if $experimental-support-for-webkit
+  @-webkit-keyframes pulse
+    +pulse(webkit)
+
+@if $experimental-support-for-khtml
+  @-khtml-keyframes pulse
+    +pulse(khtml)
+
+@if $experimental-support-for-mozilla
+  @-moz-keyframes pulse
+    +pulse(moz)
+
+@if $experimental-support-for-microsoft
+  @-ms-keyframes pulse
+    +pulse(ms)
+
+@if $experimental-support-for-opera
+  @-o-keyframes pulse
+    +pulse(o)
+
+@keyframes pulse
+  +pulse(none)
+
+
+.pulse
+  +animation-name(pulse)

data/vendor/assets/stylesheets/animate/animations/attention-seekers/_shake.sass

@@ -0,0 +1,50 @@
+=shake($prefix)
+  0%
+    +transform(translateX(0), $prefix)
+  10%
+    +transform(translateX(-10px), $prefix)
+  20%
+    +transform(translateX(10px), $prefix)
+  30%
+    +transform(translateX(-10px), $prefix)
+  40%
+    +transform(translateX(10px), $prefix)
+  50%
+    +transform(translateX(-10px), $prefix)
+  60%
+    +transform(translateX(10px), $prefix)
+  70%
+    +transform(translateX(-10px), $prefix)
+  80%
+    +transform(translateX(10px), $prefix)
+  90%
+    +transform(translateX(-10px), $prefix)
+  100%
+    +transform(translateX(0), $prefix)
+
+@if $experimental-support-for-webkit
+  @-webkit-keyframes shake
+    +shake(webkit)
+
+@if $experimental-support-for-khtml
+  @-khtml-keyframes shake
+    +shake(khtml)
+
+@if $experimental-support-for-mozilla
+  @-moz-keyframes shake
+    +shake(moz)
+
+@if $experimental-support-for-microsoft
+  @-ms-keyframes shake
+    +shake(ms)
+
+@if $experimental-support-for-opera
+  @-o-keyframes shake
+    +shake(o)
+
+@keyframes shake
+  +shake(none)
+
+
+.shake
+  +animation-name(shake)

data/vendor/assets/stylesheets/animate/animations/attention-seekers/_swing.sass

@@ -0,0 +1,41 @@
+=swing($prefix)
+  20%, 40%, 60%, 80%, 100%
+    +transform-origin(top center, $prefix)
+  20%
+    +transform(rotate(15deg), $prefix)
+  40%
+    +transform(rotate(-10deg), $prefix)
+  60%
+    +transform(rotate(5deg), $prefix)
+  80%
+    +transform(rotate(-5deg), $prefix)
+  100%
+    +transform(rotate(0deg), $prefix)
+
+@if $experimental-support-for-webkit
+  @-webkit-keyframes swing
+    +swing(webkit)
+
+@if $experimental-support-for-khtml
+  @-khtml-keyframes swing
+    +swing(khtml)
+
+@if $experimental-support-for-mozilla
+  @-moz-keyframes swing
+    +swing(moz)
+
+@if $experimental-support-for-microsoft
+  @-ms-keyframes swing
+    +swing(ms)
+
+@if $experimental-support-for-opera
+  @-o-keyframes swing
+    +swing(o)
+
+@keyframes swing
+  +swing(none)
+
+
+.swing
+  +transform-origin(top center)
+  +animation-name(swing)

data/vendor/assets/stylesheets/animate/animations/attention-seekers/_tada.sass

@@ -0,0 +1,50 @@
+=tada($prefix)
+  0%
+    +transform(scale(1), $prefix)
+  10%
+    +transform(scale(0.9) rotate(-3deg), $prefix)
+  20%
+    +transform(scale(0.9) rotate(-3deg), $prefix)
+  30%
+    +transform(scale(1.1) rotate(3deg), $prefix)
+  40%
+    +transform(scale(1.1) rotate(-3deg), $prefix)
+  50%
+    +transform(scale(1.1) rotate(3deg), $prefix)
+  60%
+    +transform(scale(1.1) rotate(-3deg), $prefix)
+  70%
+    +transform(scale(1.1) rotate(3deg), $prefix)
+  80%
+    +transform(scale(1.1) rotate(-3deg), $prefix)
+  90%
+    +transform(scale(1.1) rotate(3deg), $prefix)
+  100%
+    +transform(scale(1) rotate(0), $prefix)
+
+@if $experimental-support-for-webkit
+  @-webkit-keyframes tada
+    +tada(webkit)
+
+@if $experimental-support-for-khtml
+  @-khtml-keyframes tada
+    +tada(khtml)
+
+@if $experimental-support-for-mozilla
+  @-moz-keyframes tada
+    +tada(moz)
+
+@if $experimental-support-for-microsoft
+  @-ms-keyframes tada
+    +tada(ms)
+
+@if $experimental-support-for-opera
+  @-o-keyframes tada
+    +tada(o)
+
+@keyframes tada
+  +tada(none)
+
+
+.tada
+  +animation-name(tada)