hugo-theme-next/assets/css/_common/outline/header/github-banner.scss
2022-05-21 20:34:09 +08:00

60 lines
1.0 KiB
SCSS

@if $github_banner_enable {
@keyframes octocat-wave {
0%, 100% {
transform: rotate(0);
}
20%, 60% {
transform: rotate(-25deg);
}
40%, 80% {
transform: rotate(10deg);
}
}
.github-corner {
:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out;
}
svg {
color: white;
fill: var(--theme-color);
position: absolute;
right: 0;
top: 0;
z-index: $zindex-0;
}
@include tablet-mobile() {
@if $local_search_enable or $algolia_search_enable {
display: none;
}
svg {
@if ($scheme == 'Pisces') or ($scheme == 'Gemini') {
color: var(--theme-color);
fill: white;
}
}
.github-corner:hover .octo-arm {
animation: none;
}
.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out;
}
}
@if $scheme == 'Mist' {
@include mobile() {
svg {
top: inherit;
}
}
}
}
}