@keyframes octocat-wave {
  0%, 100% {
    transform: rotate(0);
  }

  20%, 60% {
    transform: rotate(-25deg);
  }

  40%, 80% {
    transform: rotate(10deg);
  }
}

.github-corner {
  $scheme = hexo-config('scheme');
  $bg-color = unquote(hexo-config('android_chrome_color'));

  :hover .octo-arm {
    animation: octocat-wave 560ms ease-in-out;
  }

  svg {
    border: 0;
    color: white;
    fill: $bg-color;
    position: absolute;
    right: 0;
    top: 0;
  }

  +tablet-mobile() {
    svg {
      if (($scheme == 'Pisces') || ($scheme == 'Gemini')) {
        color: $bg-color;
        fill: white;
      }
    }

    .github-corner:hover .octo-arm {
      animation: none;
    }

    .github-corner .octo-arm {
      animation: octocat-wave 560ms ease-in-out;
    }
  }

  if ($scheme == 'Mist') {
    +mobile() {
      svg {
        top: inherit;
      }
    }
  }
}
