blog-source/themes/next/source/css/_common/outline/header/github-banner.styl
2022-03-15 20:46:31 +08:00

61 lines
983 B
Stylus

@keyframes octocat-wave {
0%, 100% {
transform: rotate(0);
}
20%, 60% {
transform: rotate(-25deg);
}
40%, 80% {
transform: rotate(10deg);
}
}
.github-corner {
$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;
z-index: $zindex-0;
}
+tablet-mobile() {
if (hexo-config('local_search.enable') || hexo-config('algolia_search.enable')) {
display: none;
}
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;
}
}
}
}