/// Creates a shaking animation.
/// @param {Number} $intensity [7%] - Intensity of the shake, as a percentage value.
/// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin.
@function shake($intensity: 7%) {
  $keyframes: (
    name: 'shake-#{$intensity}',
    (0, 5, 10): (transform: translateX($intensity)),
    100: (transform: translateX(-$intensity)),
  );
  
  @return $keyframes;
}

/// Creates a shaking animation.
/// @param {Number} $intensity [7%] - Intensity of the shake, as a percentage value.
/// @return {Map} A keyframes map that can be used with the `generate-keyframes()` mixin.
@function shake($intensity: 7%) {
  $right: (0, 10, 20, 30, 40, 50, 60, 70, 80, 90);
  $left: (5, 15, 25, 35, 45, 55, 65, 75, 85, 95);

  $keyframes: (
    name: 'shake-#{$intensity}',
    $right: (transform: translateX($intensity)),
    $left: (transform: translateX(-$intensity)),
  );
  
  @return $keyframes;
}

Add correct keyframes to shake animation
Add correct keyframes to shake animation
