"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.spin = exports.pulse = exports.fadeUp = exports.fadeRight = exports.fadeOut = exports.fadeLeft = exports.fadeIn = exports.fadeDown = exports.bounce = void 0;
exports.bounce = `
	0%, 100% {
		animationTimingFunction: cubic-bezier(0.8, 0, 1, 1);
		transform: translateY(-25%);
	}
	50% {
		animationTimingFunction: cubic-bezier(0, 0, 0.2, 1);
		transform: translateY(0);
	}
`;
const fadeDown = (distance) => `
	from {
		opacity: 0;
		transform: translateY(-${distance}px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
`;
exports.fadeDown = fadeDown;
exports.fadeIn = `
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
`;
const fadeLeft = (distance) => `
	from {
		opacity: 0;
		transform: translateX(${distance}px)
	}
	to {
		opacity: 1;
		transform: translateX(0)
	}
`;
exports.fadeLeft = fadeLeft;
exports.fadeOut = `
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
`;
const fadeRight = (distance) => `
	from {
		opacity: 0;
		transform: translateX(-${distance}px)
	}
	to {
		opacity: 1;
		transform: translateX(0)
	}
`;
exports.fadeRight = fadeRight;
const fadeUp = (distance) => `
	from {
		opacity: 0;
		transform: translateY(${distance}px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
`;
exports.fadeUp = fadeUp;
exports.pulse = `
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: .5;
	}
`;
exports.spin = `
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
`;
//# sourceMappingURL=animations.js.map