/* Copyright (C) 2016 NooBaa */

@keyframes pop {
    0% {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(2, 2);
    }

    50% {
        transform: scale(1, 1);
    }

    100% {
        transform:  scale(1, 1);
    }
}

loading-indicator {
    .column();
    .content-middle();

    .circle {
        display: block;
        float: left;
        margin: 4px;
        width: 4px;
        height: 4px;
        background-color: rgb(var(--color17));
        border: 1px solid rgb(var(--color17));
        border-radius: 10px;
        animation: pop 1200ms linear infinite;
    }

    .circle +.circle {
        animation-delay:400ms
    }

    .circle + .circle + .circle {
        animation-delay: 800ms
    }
}
