@include u-keyframes(shake) {
  0%, 100% {
    @include u-transform(translateX(0) translateZ(0));
  }
  15% {
    @include u-transform(translateX($saf-shake-distance));
  }
  35% {
    @include u-transform(translateX($saf-shake-distance * -1));
  }
  50% {
    @include u-transform(translateX($saf-shake-distance / 2));
  }
  65% {
    @include u-transform(translateX($saf-shake-distance / 2 * -1));
  }
  85% {
    @include u-transform(translateX($saf-shake-distance / 3));
  }
}

@mixin shake($duration: 0.5s, $delay: 0s, $fill-mode: none, $count: 1) {
  @include u-animation(shake $duration $delay $fill-mode $count);
}
