Header.module.scss 691 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .revision-head :global {
  2. a {
  3. text-decoration: none;
  4. }
  5. .revision-head-link,
  6. .revision-head-edit-button {
  7. margin-left: 0.5em;
  8. font-size: 0.6em;
  9. user-select: none;
  10. opacity: 0;
  11. }
  12. }
  13. .revision-head:hover :global {
  14. .revision-head-link, .revision-head-edit-button {
  15. opacity: 1 !important;
  16. }
  17. }
  18. // blink
  19. @keyframes fadeout {
  20. 100% {
  21. opacity: 0;
  22. }
  23. }
  24. .blink {
  25. position: relative;
  26. z-index: 1;
  27. &::after {
  28. position: absolute;
  29. top: 15%;
  30. left: 0;
  31. z-index: -1;
  32. width: 100%;
  33. height: 70%;
  34. content: '';
  35. background-color: var(--bs-highlight-bg);
  36. border-radius: 2px;
  37. animation: fadeout 1s ease-in 1.5s forwards;
  38. }
  39. }