userscripts/src/macros/loader.css at master · polRk/userscripts · 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
.loader {
    align-items: center;
    background-color: var(--bg-sidebar);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    opacity: 1;
    top: 0;
    visibility: visible;
    width: 100%;
}

.loader svg {
    height: 32px;
    width: 32px;
}

.loader-editor {
    background-color: var(--bg-main);
}

body:not(.scripts-loading) .loader.foo {
    opacity: 0;
    transition: visibility 250ms linear 0s, opacity 250ms;
    visibility: hidden;
}

body:not(.editor-loading) .loader-editor,
body:not(.scripts-loading) .loader-scripts {
    opacity: 0;
    transition: visibility 250ms linear 0s, opacity 250ms;
    visibility: hidden;
}