/**
 * Animation: shimmer
 *
 * Creates a shimmering effect in the background of an element.
 *
 * Example use case:
 * skeleton element sin skeleton screen pattern (load state transition).
 */

$shimmer-linear-gradient: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(255, 255, 255, .5) 50%, rgba(0, 0, 0, 0) 100%);

@keyframes shimmer {
    0%   {
        background-image: $shimmer-linear-gradient;
        background-position-x: -1000px;
    }

    100% {
        background-image: $shimmer-linear-gradient;
        background-position-x: 1000px;
    }
}
