sammy 0.0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 1b8c3cce084c248346fc48af0828a2f7f0492b79
+  data.tar.gz: 33ff14f7e6cf5e1d058fc6360b57c3a5e11c1f80
+SHA512:
+  metadata.gz: 52127a426582efb416f51ecc90f61e4784793a097d0d691b81dde571290f8efcf0ca86e89367c6aa5e1be1f87f2d19986972d5e4e58b4499a13cc20e4e5b0b12
+  data.tar.gz: 793289d5dbaf3985ddef955c24294392f14122f6fdc0052fe1bd532c836769514a74737867e0b621b7ad415a1e1607c706eed7db1edaf885a08c6ace485186d7

data/README.md

@@ -0,0 +1,4 @@
+Sammy
+=====
+
+A wicked animation library for Sass and Compass

data/lib/sammy.rb

@@ -0,0 +1,9 @@
+require 'compass'
+Compass::Frameworks.register("sammy", :path => "#{File.dirname(__FILE__)}/..")
+
+module Sammy
+
+  VERSION = "0.0.1.1"
+  DATE = "2013-12-04"
+
+end

data/stylesheets/_sammy.sass

@@ -0,0 +1,3 @@
+@import animate/shared;
+
+@import animate/animations;

data/stylesheets/sammy/_animations.scss

@@ -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/stylesheets/sammy/_css3.scss

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

data/stylesheets/sammy/_shared.scss

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

data/stylesheets/sammy/_utilities.scss

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

data/stylesheets/sammy/animations/_attention-seekers.scss

@@ -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/stylesheets/sammy/animations/_bouncing-entrances.scss

@@ -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/stylesheets/sammy/animations/_bouncing-exits.scss

@@ -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/stylesheets/sammy/animations/_fading-entrances.scss

@@ -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/stylesheets/sammy/animations/_fading-exits.scss

@@ -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/stylesheets/sammy/animations/_flippers.scss

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

data/stylesheets/sammy/animations/_rotating-entrances.scss

@@ -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/stylesheets/sammy/animations/_rotating-exits.scss

@@ -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/stylesheets/sammy/animations/_specials.scss

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

data/stylesheets/sammy/animations/attention-seekers/_bounce.scss

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

data/stylesheets/sammy/animations/attention-seekers/_flash.scss

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

data/stylesheets/sammy/animations/attention-seekers/_pulse.scss

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

data/stylesheets/sammy/animations/attention-seekers/_shake.scss

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

data/stylesheets/sammy/animations/attention-seekers/_swing.scss

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

data/stylesheets/sammy/animations/attention-seekers/_tada.scss

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

data/stylesheets/sammy/animations/attention-seekers/_wobble.scss

@@ -0,0 +1,32 @@
+// Originally authored by Nick Pettit - https://github.com/nickpettit/glide
+
+@mixin wobble($prefix) {
+  0%   { @include transform(translateX(0%), $prefix); }
+  15%  { @include transform(translateX(-25%) rotate(-5deg), $prefix); }
+  30%  { @include transform(translateX(20%) rotate(3deg), $prefix); }
+  45%  { @include transform(translateX(-15%) rotate(-3deg), $prefix); }
+  60%  { @include transform(translateX(10%) rotate(2deg), $prefix); }
+  75%  { @include transform(translateX(-5%) rotate(-1deg), $prefix); }
+  100% { @include transform(translateX(0%), $prefix); }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes wobble { @include wobble(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes wobble { @include wobble(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes wobble { @include wobble(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes wobble { @include wobble(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes wobble { @include wobble(o); }
+}
+@keyframes wobble { @include wobble(none); }
+
+.wobble {
+  @include animation-name(wobble);
+}

data/stylesheets/sammy/animations/bouncing-entrances/_bounceIn.scss

@@ -0,0 +1,37 @@
+@mixin bounceIn($prefix) {
+  0% {
+    opacity: 0;
+    @include transform(scale(0.3), $prefix);
+  }
+  50% {
+    opacity: 1;
+    @include transform(scale(1.05), $prefix);
+  }
+  70% {
+    @include transform(scale(0.9), $prefix);
+  }
+  100% {
+    @include transform(scale(1), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes bounceIn { @include bounceIn(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes bounceIn { @include bounceIn(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes bounceIn { @include bounceIn(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes bounceIn { @include bounceIn(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes bounceIn { @include bounceIn(o); }
+}
+@keyframes bounceIn { @include bounceIn(none); }
+
+.bounceIn {
+  @include animation-name(bounceIn);
+}

data/stylesheets/sammy/animations/bouncing-entrances/_bounceInDown.scss

@@ -0,0 +1,37 @@
+@mixin bounceInDown($prefix) {
+  0% {
+    opacity: 0;
+    @include transform(translateY(-2000px), $prefix);
+  }
+  60% {
+    opacity: 1;
+    @include transform(translateY(30px), $prefix);
+  }
+  80% {
+    @include transform(translateY(-10px), $prefix);
+  }
+  100% {
+    @include transform(translateY(0), $prefix);
+  }
+}
+
+@if $experimental-support-for-webkit {
+  @-webkit-keyframes bounceInDown { @include bounceInDown(webkit); }
+}
+@if $experimental-support-for-khtml {
+  @-khtml-keyframes bounceInDown { @include bounceInDown(khtml); }
+}
+@if $experimental-support-for-mozilla {
+  @-moz-keyframes bounceInDown { @include bounceInDown(moz); }
+}
+@if $experimental-support-for-microsoft {
+  @-ms-keyframes bounceInDown { @include bounceInDown(ms); }
+}
+@if $experimental-support-for-opera {
+  @-o-keyframes bounceInDown { @include bounceInDown(o); }
+}
+@keyframes bounceInDown { @include bounceInDown(none); }
+
+.bounceInDown {
+  @include animation-name(bounceInDown);
+}