mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
bd22926c49
adds `--backdrop-opacity` to all overlays and `--ion-backdrop-opacity` for global control closes #16446
33 lines
861 B
SCSS
33 lines
861 B
SCSS
@import "./loading";
|
|
@import "./loading.md.vars";
|
|
|
|
// Material Design Loading Indicator
|
|
// --------------------------------------------------
|
|
|
|
:host {
|
|
--background: #{$loading-md-background};
|
|
--max-width: #{$loading-md-max-width};
|
|
--max-height: #{$loading-md-max-height};
|
|
--spinner-color: #{$loading-md-spinner-color};
|
|
--backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
|
|
|
|
color: $loading-md-text-color;
|
|
|
|
font-size: $loading-md-font-size;
|
|
}
|
|
|
|
.loading-wrapper {
|
|
@include border-radius($loading-md-border-radius);
|
|
@include padding($loading-md-padding-top, $loading-md-padding-end, $loading-md-padding-bottom, $loading-md-padding-start);
|
|
|
|
box-shadow: $loading-md-box-shadow;
|
|
}
|
|
|
|
|
|
// Material Design Loading Content
|
|
// -----------------------------------------
|
|
|
|
.loading-spinner + .loading-content {
|
|
@include margin-horizontal(16px, null);
|
|
}
|