30 lines
508 B
SCSS
30 lines
508 B
SCSS
.spinner {
|
|
text-align: center;
|
|
|
|
> span {
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 4px;
|
|
margin-right: 2px;
|
|
animation: highlight .6s infinite linear;
|
|
|
|
&:last-child { margin-right: 0 }
|
|
}
|
|
}
|
|
|
|
@keyframes highlight {
|
|
0%, 100% {
|
|
background-color: desaturate(lighten($link-color, 40%), 80%);
|
|
}
|
|
33% {
|
|
background-color: lighten($link-color, 15%);
|
|
}
|
|
}
|
|
|
|
.spinner > span:nth-child(1) {
|
|
animation-delay: -0.4s;
|
|
}
|
|
|
|
.spinner > span:nth-child(2) {
|
|
animation-delay: -0.2s;
|
|
} |