_go-to-top.scss 577 B

123456789101112131415161718192021222324252627282930313233
  1. .go-to-top {
  2. background: var(--color-primary);
  3. color: var(--color-white);
  4. position: fixed;
  5. bottom: 1rem;
  6. right: 1rem;
  7. display: flex;
  8. width: 2.5rem;
  9. height: 2.5rem;
  10. align-items: center;
  11. justify-content: center;
  12. border-radius: $border-radius-lg;
  13. cursor: pointer;
  14. transition: $transition-duration opacity;
  15. z-index: $zindex-gototop;
  16. opacity: 0;
  17. pointer-events: none;
  18. &:hover {
  19. opacity: 1;
  20. color: var(--color-white);
  21. }
  22. .icon {
  23. width: 1.5rem;
  24. height: 1.5rem;
  25. }
  26. }
  27. .go-to-top-visible {
  28. opacity: 1;
  29. pointer-events: auto;
  30. }