@import "/UI/Theme.scss";

@keyframes skeleton-shimmer
{
    0%   { transform: translateX( -100% ); }
    40%  { transform: translateX( 200% ); }
    100% { transform: translateX( 200% ); }
}

SpawnlistSkeleton
{
    align-self: stretch;
    height: 22px;
    border-radius: 5px;
    margin: 2px 0;
    background-color: rgba( 255, 255, 255, 0.08 );
    overflow: hidden;
    flex-direction: row;
    flex-shrink: 0;
}

SpawnlistSkeleton .shimmer
{
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba( 255, 255, 255, 0 ) 0%,
        rgba( 255, 255, 255, 0.15 ) 50%,
        rgba( 255, 255, 255, 0 ) 100%
    );
    animation: skeleton-shimmer 2.5s linear infinite;
}