// ---------------------------------------------------------------------------
// imports

@import "compass/css3/animation";

// ---------------------------------------------------------------------------
// tada

@mixin animate-tada(
  $class      : $default-animation-class-mode,
  $keyframes  : $default-keyframes-output
) {
  $name: tada;
  @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));
      }
    }
  }
  @include animation-class($name, $class) {}
}