| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- // Стили для лоадера
- .app-loader
- position: fixed
- top: 0
- left: 0
- width: 100%
- height: 100%
- z-index: var(--z-modal)
- .app-loader__overlay
- position: absolute
- top: 0
- left: 0
- width: 100%
- height: 100%
- background: var(--color-dark-50)
- backdrop-filter: blur(2px)
- .app-loader__content
- position: absolute
- top: 50%
- left: 50%
- transform: translate(-50%, -50%)
- background: var(--color-white)
- padding: var(--spacing-xl)
- border-radius: var(--border-radius)
- box-shadow: var(--shadow-lg)
- text-align: center
- min-width: 200px
-
- .theme-dark &
- background: var(--color-dark)
- color: var(--color-light)
- .app-loader__spinner
- width: 40px
- height: 40px
- border: 3px solid var(--color-primary-10)
- border-top: 3px solid var(--color-primary)
- border-radius: 50%
- animation: loader-spin 1s linear infinite
- margin: 0 auto var(--spacing-md)
- .app-loader__text
- font-size: var(--font-size-base)
- color: var(--color-secondary)
- @keyframes loader-spin
- 0%
- transform: rotate(0deg)
- 100%
- transform: rotate(360deg)
|
