stylesheets/animate/attention/_tada.scss in animate-0.1.0 vs stylesheets/animate/attention/_tada.scss in animate-0.2.beta.0

@@ -4,43 +4,48 @@
 @import "compass/css3/animation";
 
 // ---------------------------------------------------------------------------
 // tada
 
-@mixin animate-tada($class: $default-animation-class-mode) {
+@mixin animate-tada(
+  $class      : $default-animation-class-mode,
+  $keyframes  : $default-keyframes-output
+) {
   $name: tada;
-  @include keyframes($name) {
-    0% {
-      @include scale(1); }
-    10% {
-      @include transform(scale(0.9) rotate(-3deg)); 
+  @if $keyframes {
+    @include keyframes($name) {
+      0% {
+        @include scale(1); }
+      10% {
+        @include transform(scale(0.9) rotate(-3deg));
+      }
+      20% {
+        @include transform(scale(0.9) rotate(-3deg));
+      }
+      30% {
+        @include transform(scale(1.1) rotate(3deg));
+      }
+      40% {
+        @include transform(scale(1.1) rotate(-3deg));
+      }
+      50% {
+        @include transform(scale(1.1) rotate(3deg));
+      }
+      60% {
+        @include transform(scale(1.1) rotate(-3deg));
+      }
+      70% {
+        @include transform(scale(1.1) rotate(3deg));
+      }
+      80% {
+        @include transform(scale(1.1) rotate(-3deg));
+      }
+      90% {
+        @include transform(scale(1.1) rotate(3deg));
+      }
+      100% {
+        @include transform(scale(1) rotate(0));
+      }
     }
-    20% {
-      @include transform(scale(0.9) rotate(-3deg)); 
-    }
-    30% {
-      @include transform(scale(1.1) rotate(3deg)); 
-    }
-    40% {
-      @include transform(scale(1.1) rotate(-3deg)); 
-    }
-    50% {
-      @include transform(scale(1.1) rotate(3deg)); 
-    }
-    60% {
-      @include transform(scale(1.1) rotate(-3deg)); 
-    }
-    70% {
-      @include transform(scale(1.1) rotate(3deg)); 
-    }
-    80% {
-      @include transform(scale(1.1) rotate(-3deg)); 
-    }
-    90% {
-      @include transform(scale(1.1) rotate(3deg)); 
-    }
-    100% {
-      @include transform(scale(1) rotate(0)); 
-    } 
   }
   @include animation-class($name, $class) {}
 }