Header.module.scss 987 B

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