.octo-background {
fill: $brand-primary;
}
.octo-arm, .octo-body {
fill: white;
}
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
@keyframes octocat-wave {
0%, 100% { transform: rotate(0) } 20%, 60% { transform: rotate(-25deg) } 40%, 80% { transform: rotate(10deg) }
}
@media (max-width: 500px) {
.github-corner:hover .octo-arm { animation: none } .github-corner .octo-arm { animation: octocat-wave 560ms ease-in-out }
}
.github-corner {
svg { position: absolute; top: $navbar-height; right: 0; }
}