Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="box"></div>

SassMeister-input.scss

// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----

// Animations
@keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOut {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes scaleBounce {
  0% { transform: scale(1);}
  80% { transform: scale(3);}
  100% { transform: scale(2.8);}
}

@mixin animate($args...) {
  .info {
    arg-length : length($args);
    all-args: $args;
  }
  
  @each $animation in $args {
    .animation {
      content: $animation;
    }
  }
}

@include animate( fadeIn 2s ease-in 0,
                  scaleBounce 2s ease-in 0,
                  fadeOut 3s ease-in 5s )

SassMeister-output.css

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scaleBounce {
  0% {
    transform: scale(1);
  }
  80% {
    transform: scale(3);
  }
  100% {
    transform: scale(2.8);
  }
}
.info {
  arg-length: 3;
  all-args: fadeIn 2s ease-in 0, scaleBounce 2s ease-in 0, fadeOut 3s ease-in 5s;
}

.animation {
  content: fadeIn 2s ease-in 0;
}

.animation {
  content: scaleBounce 2s ease-in 0;
}

.animation {
  content: fadeOut 3s ease-in 5s;
}

SassMeister-rendered.html

<div class="box"></div>