github-banner.styl 983 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @keyframes octocat-wave {
  2. 0%, 100% {
  3. transform: rotate(0);
  4. }
  5. 20%, 60% {
  6. transform: rotate(-25deg);
  7. }
  8. 40%, 80% {
  9. transform: rotate(10deg);
  10. }
  11. }
  12. .github-corner {
  13. $bg-color = unquote(hexo-config('android_chrome_color'));
  14. :hover .octo-arm {
  15. animation: octocat-wave 560ms ease-in-out;
  16. }
  17. svg {
  18. border: 0;
  19. color: white;
  20. fill: $bg-color;
  21. position: absolute;
  22. right: 0;
  23. top: 0;
  24. z-index: $zindex-0;
  25. }
  26. +tablet-mobile() {
  27. if (hexo-config('local_search.enable') || hexo-config('algolia_search.enable')) {
  28. display: none;
  29. }
  30. svg {
  31. if (($scheme == 'Pisces') || ($scheme == 'Gemini')) {
  32. color: $bg-color;
  33. fill: white;
  34. }
  35. }
  36. .github-corner:hover .octo-arm {
  37. animation: none;
  38. }
  39. .github-corner .octo-arm {
  40. animation: octocat-wave 560ms ease-in-out;
  41. }
  42. }
  43. if ($scheme == 'Mist') {
  44. +mobile() {
  45. svg {
  46. top: inherit;
  47. }
  48. }
  49. }
  50. }