| 1234567891011121314151617181920212223242526 |
- // vue/app/shared/ThemeToggle/index.styl
- // Стили исключительно для переключателя темы
- .theme-toggle
- transition: all 0.3s ease
- position: relative
- overflow: hidden
-
- &::before
- content: ''
- position: absolute
- top: 0
- left: -100%
- width: 100%
- height: 100%
- background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent)
- transition: left 0.5s
-
- &:hover::before
- left: 100%
- svg
- transition: all 0.3s ease
-
- &:hover svg
- filter: drop-shadow(0 2px 4px rgba(214, 158, 46, 0.3))
|