xiaowang/assets/css/partials/_animations.scss

// ----------------------------------------------------------------------------
// ANIMATIONS
// ----------------------------------------------------------------------------

@-webkit-keyframes expand-outline {
    from {
		outline-offset: 0;
	}
	to {
		outline-offset: 2px;
	}
}

@keyframes expand-outline {
	from {
		outline-offset: 0;
	}
	to {
		outline-offset: 2px;
	}
}

@-webkit-keyframes wave-up {
    0% {
		top: 0;
	}
    60% {
		top: -0.5rem;
	}
	100% {
		top: 0;
	}
}

@keyframes wave-up {
	0% {
		top: 0;
	}
    60% {
		top: -0.5rem;
	}
	100% {
		top: 0;
	}
}

@-webkit-keyframes wave-down {
    0% {
		bottom: 0;
	}
    60% {
		bottom: -0.5rem;
	}
	100% {
		bottom: 0;
	}
}

@keyframes wave-down {
    0% {
		bottom: 0;
	}
    60% {
		bottom: -0.5rem;
	}
	100% {
		bottom: 0;
	}
}