index.styl 850 B

123456789101112131415161718192021222324252627282930313233343536
  1. // Локальные стили для модального окна
  2. .event-detail
  3. .event-stats
  4. .stat
  5. transition: all 0.3s ease
  6. border: 1px solid transparent
  7. &:hover
  8. border-color: #d69e2e
  9. transform: translateY(-2px)
  10. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1)
  11. .action-buttons
  12. button
  13. transition: all 0.3s ease
  14. position: relative
  15. overflow: hidden
  16. &::before
  17. content: ''
  18. position: absolute
  19. top: 50%
  20. left: 50%
  21. width: 0
  22. height: 0
  23. background: rgba(255, 255, 255, 0.2)
  24. border-radius: 50%
  25. transform: translate(-50%, -50%)
  26. transition: width 0.6s, height 0.6s
  27. &:hover::before
  28. width: 300px
  29. height: 300px
  30. &:active
  31. transform: scale(0.98)