/
githubmirror
/
ionic
Обзор
Документация
Войти
/
githubmirror
/
ionic
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
core/src/components/loading/loading.scss
72 строки
1 KB
Liam DeBeasi
fix(loading): spinner now respects —spinner-color (#25261)
12 май 2022, 20:22
Не верифицирован
12 май 2022, 20:22
65f4c74
Код
Авторство
О чём код?
@import "./loading.vars"; // Loading // -------------------------------------------------- :host { /** * @prop --background: Background of the loading dialog * * @prop --min-width: Minimum width of the loading dialog * @prop --width: Width of the loading dialog * @prop --max-width: Maximum width of the loading dialog * * @prop --min-height: Minimum height of the loading dialog * @prop --height: Height of the loading dialog * @prop --max-height: Maximum height of the loading dialog * * @prop --spinner-color: Color of the loading spinner * * @prop --backdrop-opacity: Opacity of the backdrop */ --min-width: auto; --width: auto; --min-height: auto; --height: auto; @include font-smoothing(); @include position(0, 0, 0, 0); display: flex; position: fixed; align-items: center; justify-content: center; outline: none; font-family: $font-family-base; contain: strict; touch-action: none; user-select: none; z-index: $z-index-overlay; } :host(.overlay-hidden) { display: none; } .loading-wrapper { display: flex; align-items: inherit; justify-content: inherit; width: var(--width); min-width: var(--min-width); max-width: var(--max-width); height: var(--height); min-height: var(--min-height); max-height: var(--max-height); background: var(--background); opacity: 0; z-index: $z-index-overlay-wrapper; } ion-spinner { color: var(--spinner-color); }