compass-animate 0.0.1

data/stylesheets/animate/tada.scss

@@ -0,0 +1,48 @@
+@-webkit-keyframes tada {
+	0% {-webkit-transform: scale(1);}
+	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
+	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
+	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
+	100% {-webkit-transform: scale(1) rotate(0);}
+}
+
+@-moz-keyframes tada {
+	0% {-moz-transform: scale(1);}
+	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
+	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
+	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
+	100% {-moz-transform: scale(1) rotate(0);}
+}
+
+@-ms-keyframes tada {
+	0% {-ms-transform: scale(1);}
+	10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
+	30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
+	40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
+	100% {-ms-transform: scale(1) rotate(0);}
+}
+
+@-o-keyframes tada {
+	0% {-o-transform: scale(1);}
+	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
+	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
+	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
+	100% {-o-transform: scale(1) rotate(0);}
+}
+
+@keyframes tada {
+	0% {transform: scale(1);}
+	10%, 20% {transform: scale(0.9) rotate(-3deg);}
+	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
+	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
+	100% {transform: scale(1) rotate(0);}
+}
+
+@mixin tada($duration: 1s, $delay: .2s, $function: ease, $fill: both, $visibility: hidden) {
+	@include animation-name(tada);
+  @include duration($duration);
+	@include delay($delay);
+	@include function($function);
+	@include fill-mode($fill);
+	@include visibility($visibility);
+}

data/stylesheets/animate/wiggle.scss

@@ -0,0 +1,78 @@
+@-webkit-keyframes wiggle {
+    0% { -webkit-transform: skewX(9deg); }
+    10% { -webkit-transform: skewX(-8deg); }
+    20% { -webkit-transform: skewX(7deg); }
+    30% { -webkit-transform: skewX(-6deg); }
+    40% { -webkit-transform: skewX(5deg); }
+    50% { -webkit-transform: skewX(-4deg); }
+    60% { -webkit-transform: skewX(3deg); }
+    70% { -webkit-transform: skewX(-2deg); }
+    80% { -webkit-transform: skewX(1deg); }
+    90% { -webkit-transform: skewX(0deg); }
+    100% { -webkit-transform: skewX(0deg); }
+}
+
+@-moz-keyframes wiggle {
+    0% { -moz-transform: skewX(9deg); }
+    10% { -moz-transform: skewX(-8deg); }
+    20% { -moz-transform: skewX(7deg); }
+    30% { -moz-transform: skewX(-6deg); }
+    40% { -moz-transform: skewX(5deg); }
+    50% { -moz-transform: skewX(-4deg); }
+    60% { -moz-transform: skewX(3deg); }
+    70% { -moz-transform: skewX(-2deg); }
+    80% { -moz-transform: skewX(1deg); }
+    90% { -moz-transform: skewX(0deg); }
+    100% { -moz-transform: skewX(0deg); }
+}
+
+@-ms-keyframes wiggle {
+    0% { -ms-transform: skewX(9deg); }
+    10% { -ms-transform: skewX(-8deg); }
+    20% { -ms-transform: skewX(7deg); }
+    30% { -ms-transform: skewX(-6deg); }
+    40% { -ms-transform: skewX(5deg); }
+    50% { -ms-transform: skewX(-4deg); }
+    60% { -ms-transform: skewX(3deg); }
+    70% { -ms-transform: skewX(-2deg); }
+    80% { -ms-transform: skewX(1deg); }
+    90% { -ms-transform: skewX(0deg); }
+    100% { -ms-transform: skewX(0deg); }
+}
+
+@-o-keyframes wiggle {
+    0% { -o-transform: skewX(9deg); }
+    10% { -o-transform: skewX(-8deg); }
+    20% { -o-transform: skewX(7deg); }
+    30% { -o-transform: skewX(-6deg); }
+    40% { -o-transform: skewX(5deg); }
+    50% { -o-transform: skewX(-4deg); }
+    60% { -o-transform: skewX(3deg); }
+    70% { -o-transform: skewX(-2deg); }
+    80% { -o-transform: skewX(1deg); }
+    90% { -o-transform: skewX(0deg); }
+    100% { -o-transform: skewX(0deg); }
+}
+
+@keyframes wiggle {
+    0% { transform: skewX(9deg); }
+    10% { transform: skewX(-8deg); }
+    20% { transform: skewX(7deg); }
+    30% { transform: skewX(-6deg); }
+    40% { transform: skewX(5deg); }
+    50% { transform: skewX(-4deg); }
+    60% { transform: skewX(3deg); }
+    70% { transform: skewX(-2deg); }
+    80% { transform: skewX(1deg); }
+    90% { transform: skewX(0deg); }
+    100% { transform: skewX(0deg); }
+}
+
+@mixin wiggle($duration: 1s, $delay: .2s, $function: ease, $fill: both, $visibility: hidden) {
+    @include animation-name(wiggle);
+    @include duration($duration);
+    @include delay($delay);
+    @include function($function);
+    @include fill-mode($fill);
+    @include visibility($visibility);
+}

data/stylesheets/animate/wobble.scss

@@ -0,0 +1,60 @@
+// originally authored by Nick Pettit - https://github.com/nickpettit/glide
+
+@-webkit-keyframes wobble {
+  0% {-webkit-transform: translateX(0%);}
+  15% {-webkit-transform: translateX(-25%) rotate(-5deg);}
+  30% {-webkit-transform: translateX(20%) rotate(3deg);}
+  45% {-webkit-transform: translateX(-15%) rotate(-3deg);}
+  60% {-webkit-transform: translateX(10%) rotate(2deg);}
+  75% {-webkit-transform: translateX(-5%) rotate(-1deg);}
+  100% {-webkit-transform: translateX(0%);}
+}
+
+@-moz-keyframes wobble {
+  0% {-moz-transform: translateX(0%);}
+  15% {-moz-transform: translateX(-25%) rotate(-5deg);}
+  30% {-moz-transform: translateX(20%) rotate(3deg);}
+  45% {-moz-transform: translateX(-15%) rotate(-3deg);}
+  60% {-moz-transform: translateX(10%) rotate(2deg);}
+  75% {-moz-transform: translateX(-5%) rotate(-1deg);}
+  100% {-moz-transform: translateX(0%);}
+}
+
+@-ms-keyframes wobble {
+  0% {-ms-transform: translateX(0%);}
+  15% {-ms-transform: translateX(-25%) rotate(-5deg);}
+  30% {-ms-transform: translateX(20%) rotate(3deg);}
+  45% {-ms-transform: translateX(-15%) rotate(-3deg);}
+  60% {-ms-transform: translateX(10%) rotate(2deg);}
+  75% {-ms-transform: translateX(-5%) rotate(-1deg);}
+  100% {-ms-transform: translateX(0%);}
+}
+
+@-o-keyframes wobble {
+  0% {-o-transform: translateX(0%);}
+  15% {-o-transform: translateX(-25%) rotate(-5deg);}
+  30% {-o-transform: translateX(20%) rotate(3deg);}
+  45% {-o-transform: translateX(-15%) rotate(-3deg);}
+  60% {-o-transform: translateX(10%) rotate(2deg);}
+  75% {-o-transform: translateX(-5%) rotate(-1deg);}
+  100% {-o-transform: translateX(0%);}
+}
+
+@keyframes wobble {
+  0% {transform: translateX(0%);}
+  15% {transform: translateX(-25%) rotate(-5deg);}
+  30% {transform: translateX(20%) rotate(3deg);}
+  45% {transform: translateX(-15%) rotate(-3deg);}
+  60% {transform: translateX(10%) rotate(2deg);}
+  75% {transform: translateX(-5%) rotate(-1deg);}
+  100% {transform: translateX(0%);}
+}
+
+@mixin wobble($duration: 1s, $delay: .2s, $function: ease, $fill: both, $visibility: hidden) {
+	@include animation-name(wobble);
+  @include duration($duration);
+  @include delay($delay);
+  @include function($function);
+  @include fill-mode($fill);
+  @include visibility($visibility);
+}

metadata

@@ -0,0 +1,120 @@
+--- !ruby/object:Gem::Specification
+name: compass-animate
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Pieter Soudan
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-10-16 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
+description: a port of animate.css for compass
+email: pieter.soudan@redandivory.be
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- lib/animate.rb
+- stylesheets/_animate.scss
+- stylesheets/animate/rotateInUpRight.scss
+- stylesheets/animate/fadeInUp.scss
+- stylesheets/animate/properties.scss
+- stylesheets/animate/swing.scss
+- stylesheets/animate/fadeInLeft.scss
+- stylesheets/animate/rotateOutUpRight.scss
+- stylesheets/animate/rollIn.scss
+- stylesheets/animate/fadeOutLeftBig.scss
+- stylesheets/animate/rotateOutUpLeft.scss
+- stylesheets/animate/flipOutX.scss
+- stylesheets/animate/fadeInRightBig.scss
+- stylesheets/animate/fadeOutLeft.scss
+- stylesheets/animate/tada.scss
+- stylesheets/animate/rotateOutDownRight.scss
+- stylesheets/animate/shake.scss
+- stylesheets/animate/rotateInDownLeft.scss
+- stylesheets/animate/bounceOutUp.scss
+- stylesheets/animate/fadeInUpBig.scss
+- stylesheets/animate/bounceOutRight.scss
+- stylesheets/animate/bounceInDown.scss
+- stylesheets/animate/lightSpeedOut.scss
+- stylesheets/animate/fadeOutDownBig.scss
+- stylesheets/animate/bounceOutLeft.scss
+- stylesheets/animate/fadeOutUpBig.scss
+- stylesheets/animate/rotateIn.scss
+- stylesheets/animate/bounceInLeft.scss
+- stylesheets/animate/hinge.scss
+- stylesheets/animate/fadeInLeftBig.scss
+- stylesheets/animate/fadeOutDown.scss
+- stylesheets/animate/rotateInUpLeft.scss
+- stylesheets/animate/fadeOutRight.scss
+- stylesheets/animate/bounceInRight.scss
+- stylesheets/animate/fadeIn.scss
+- stylesheets/animate/flip.scss
+- stylesheets/animate/flash.scss
+- stylesheets/animate/bounceOutDown.scss
+- stylesheets/animate/fadeOut.scss
+- stylesheets/animate/lightSpeedIn.scss
+- stylesheets/animate/wobble.scss
+- stylesheets/animate/fadeInDownBig.scss
+- stylesheets/animate/fadeOutRightBig.scss
+- stylesheets/animate/fadeInRight.scss
+- stylesheets/animate/bounceIn.scss
+- stylesheets/animate/rotateOutDownLeft.scss
+- stylesheets/animate/bounceInUp.scss
+- stylesheets/animate/fadeOutUp.scss
+- stylesheets/animate/bounce.scss
+- stylesheets/animate/flipOutY.scss
+- stylesheets/animate/rotateOut.scss
+- stylesheets/animate/pulse.scss
+- stylesheets/animate/rollOut.scss
+- stylesheets/animate/rotateInDownRight.scss
+- stylesheets/animate/wiggle.scss
+- stylesheets/animate/fadeInDown.scss
+- stylesheets/animate/flipInY.scss
+- stylesheets/animate/flipInX.scss
+- stylesheets/animate/bounceOut.scss
+homepage: http://www.redandivory.be/
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.23
+signing_key: 
+specification_version: 3
+summary: a port of animate.css for compass
+test_files: []