Files
kredits-web/app/styles/components/_loading-spinner.scss
T
2017-02-05 11:43:36 +08:00

38 lines
598 B
SCSS

@keyframes pulse {
from {
opacity: 0.2;
}
to {
opacity: 0.6;
}
}
.loading-spinner {
margin-top: 12rem;
text-align: center;
font-size: 1.4rem;
color: lightblue;
@include media($mobile) {
margin-top: 6rem;
}
svg {
width: 200px;
height: 200px;
margin-bottom: 2rem;
#path-comet {
fill: lightblue;
opacity: 0.6;
-moz-animation-name: pulse;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
-moz-animation-direction: alternate;
-moz-animation-duration: 1s;
}
}
}