@include keyframes(rollIn) { 0% { opacity: 0; @include transform(translateX(-100%) rotate(-120deg)); } 100% { opacity: 1; @include transform(translateX(0px) rotate(0deg)); } } @mixin rollIn($count: $countDefault, $duration: $durationDefault, $delay: $delayDefault, $function: $functionDefault, $fill: $fillDefault, $visibility: $visibilityDefault) { @include animation-name(rollIn); @include count($count); @include duration($duration); @include delay($delay); @include function($function); @include fill-mode($fill); @include visibility($visibility); }