throbber.styl

.throbber {
    animation(unquote('.9s spin infinite steps(30)'));
    border: 4px solid cyan;
    border-left-color: transparent;
    border-radius: 150px;
    border-top-color: transparent;
    bottom: 0;
    display: block;
    height: 33px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 30%;
    width: 33px;
    &.hide {
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }
}

@media $retina {
    #splash-overlay {
        background-size: 108px;
    }
}

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0turn); }
    to { -webkit-transform: rotate(1turn); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0turn); }
    to { -moz-transform: rotate(1turn); }
}
@keyframes spin {
    from { transform: rotate(0turn); }
    to { transform: rotate(1turn); }
}