| 123456789101112131415161718192021222324252627282930313233 |
- @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
- .page-slide-enter-active { transition: all 0.3s ease-out; }
- .page-slide-leave-active { transition: all 0.3s ease-in; }
- .page-slide-enter-from { opacity: 0; transform: translateX(30px); }
- .page-slide-leave-to { opacity: 0; transform: translateX(-30px); }
- // app/temp.styl
- // Глобальные стили, которые сложно сделать на Tailwind
- // Кастомная полоса прокрутки
- ::-webkit-scrollbar
- width: 8px
- ::-webkit-scrollbar-track
- background: #f1f1f1
- .dark ::-webkit-scrollbar-track
- background: #374151
- ::-webkit-scrollbar-thumb
- background: #cbd5e0
- border-radius: 4px
- .dark ::-webkit-scrollbar-thumb
- background: #4b5563
- // Анимации для карточек
- .card-hover
- transition: all 0.3s ease
-
- &:hover
- transform: translateY(-8px)
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
|
