resources/assets/stylesheets/scss/progress_indicator.scss


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

.progress-indicator-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;

    &.loading-indicator-content {
        margin-top: 76px;
    }

    .progress-indicator {
        width: 100%;
        background-image: url("#{$image-path}/loading-indicator.svg");
        background-repeat: no-repeat;
        background-position: center;
    }
    .progress-indicator-description,
    .progress-indicator-description-default {
        color: var(--dark-gray-color-45);
        text-align: center;
        margin-top: 10px;
    }
    .progress-indicator-description-default {
        display: none;
    }
    @media (prefers-reduced-motion) {
        .progress-indicator {
            @include icon(before, refresh, $size: 32px);
            color: var(--color--font-primary);
        }
        .progress-indicator-description-default {
            display: block;
        }
    }
}