Yhozen/steemsites

View on GitHub
src/LoadApp/LoadApp.css

Summary

Maintainability
Test Coverage
body, html {
    margin:0;
    padding:0;
}
.load-container {
    position:absolute;
    top: 0;
    height: 100vh;
    width: 100vw;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#C5EFF7;
}

.sk-cube-grid {
    width:87px;
    height:87px;
    margin:0 auto;
    transform:translateY(-29px);
}
.sk-cube-grid .sk-cube {
    width:33%;
    height:33%;
    background-color:#fff;
    float:left;
    animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 100%, 70% {
        transform:scale3D(1,1,1)
    }
    35% {
        transform:scale3D(0,0,1)
    }
}
@keyframes sk-cubeGridScaleDelay {
    0%, 100%, 70% {
        transform:scale3D(1,1,1)
    }
    35% {
        transform:scale3D(0,0,1)
    }
}