q3stats/frontend/sass/_mixins.scss

37 lines
850 B
SCSS

@mixin loading {
-webkit-animation: anim-loader-inner 1s infinite linear;
animation: anim-loader-inner 1s infinite linear;
background: transparent url('../img/powerups/Quad.png') no-repeat;
height: 64px;
left: 50%;
margin-left: -32px;
margin-top: -32px;
position: absolute;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
top: 50%;
width: 64px;
@-webkit-keyframes anim-loader-inner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes anim-loader-inner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
}