.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;
}