theme-bootstrap/src/assets/scss/components/_loading.scss at main · oruga-ui/theme-bootstrap · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
/* @docs */
$loading-zindex: $zindex-sticky !default;
$loading-zindex-fullpage: $zindex-fixed !default;
$loading-overlay: rgba(255, 255, 255, 0.5) !default;
/* @docs */

.loading {
    --#{$prefix}loading-zindex: #{$loading-zindex};
    --#{$prefix}loading-overlay: #{$loading-overlay};

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: var(--#{$prefix}loading-zindex);

    &.fullpage {
        --#{$prefix}loading-zindex: #{$loading-zindex-fullpage};

        position: fixed;
    }

    &-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        background-color: var(--#{$prefix}loading-overlay);
    }

    &-label {
        margin-left: 1rem;
    }
}