.uniformLoader{
    line-height:1em;
    display:inline-block;
    white-space:nowrap;
    &:before,
    &:after{
        margin: 0 0.2em;
        width: 0.8em;
        height: 0.8em;
        border-radius: 50%;
        background-color: currentColor;
        display: inline-block;
        vertical-align: middle;
        line-height: 0;
        animation: uniformLoader 1.4s infinite cubic-bezier(0.65,0,0.35,1);
        content: "";
    }
    &:after{
        animation-delay: 0.7s;
    }
    
    &.-cover{
        position:absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        &:before,
        &:after{
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -0.4em;
            margin-left: -0.4em;
        }
        &:before {margin-right: 1.2em;}
        &:after { margin-left: 0.8em;}
    }
}

@keyframes uniformLoader {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    50%{
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}