@use "./mixin" as *;

// Only scale in one direction
@include zoom-animation('center-top', scaleY(0), scaleY(1), center bottom);
@include zoom-animation('center-left', scaleX(0), scaleX(1), right center);
@include zoom-animation('center-right', scaleX(0), scaleX(1), left center);
@include zoom-animation('center-bottom', scaleY(0), scaleY(1), center top);

// Scale both horizontal and vertical direction
@include zoom-animation('top-start', scale(0, 0), scale(1, 1), left bottom);
@include zoom-animation('top', scale(0, 0), scale(1, 1), center bottom);
@include zoom-animation('top-end', scale(0, 0), scale(1, 1), right bottom);
@include zoom-animation('bottom-start', scale(0, 0), scale(1, 1), left top);
@include zoom-animation('bottom', scale(0, 0), scale(1, 1), center top);
@include zoom-animation('bottom-end', scale(0, 0), scale(1, 1), right top);
@include zoom-animation('left', scale(0, 0), scale(1, 1), right center);
@include zoom-animation('right', scale(0, 0), scale(1, 1), left center);
@include slide-animation('down', translateY(-10px), translateY(0));
@include slide-animation('up', translateY(10px), translateY(0));