forked from DiscordStyles/FrostedGlass
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path_background.scss
More file actions
63 lines (63 loc) · 2.18 KB
/
_background.scss
File metadata and controls
63 lines (63 loc) · 2.18 KB
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
#app-mount {
.layers-3iHuyZ:before {
content: "";
background: var(--background-image);
background-position: var(--background-image-position, center);
background-size: var(--background-image-size, cover);
background-repeat: var(--background-image-repeat, no-repeat);
height: calc(100vh + (var(--background-image-blur) * 2));
width: calc(100vw + (var(--background-image-blur) * 2));
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
filter: blur(var(--background-image-blur));
pointer-events: none;
user-select: none;
}
[role="menu"],
.autocompleteInner-zh20B_,
.container-3ayLPN,
.container-enaOkj,
.container-2dqNWc,
.contextMenu-HLZMGh:not(.scroller-2FKFPG),
.emojiPicker-3PwZFl,
.messagesPopoutWrap-1MQ1bW,
.modal-yWgWj-:not(.slide-2pHaq5),
.root-1gCeng:not(.fullscreenOnMobile-1bD22y),
.root-SR8cQa,
.subMenuContext-2n_9YM .scrollerWrap-2lJEkd,
[class*="userPopout"][aria-modal="true"],
section.positionContainer-3unAXC .drawerSizingWrapper-27qFHb,
.quickswitcher-3JagVE,
.root-1gCeng.wrapper-2ZbzR9,
.modalRoot-1Kx4Hb,
.container-3JTnYm.thin-1ybCId.scrollerBase-289Jih,
.popoutContainer-1MXdqN,
.root-1gCeng:not(.modal-qgFCbT),
.container-3XJ8ns,
.container-7uh5fX,
.popout-APcvZm {
overflow: hidden !important;
position: relative;
border-radius: 3px;
&:before {
content: "";
background: linear-gradient(var(--tint), var(--tint)), var(--popout-modal-image);
background-position: var(--popout-modal-position, center);
background-size: var(--popout-modal-size, cover);
background-attachment: var(--popout-modal-attachment, fixed);
background-repeat: var(--popout-modal-repeat, no-repeat);
box-shadow: inset 0 0 0 100vmax rgba(0,0,0,var(--popout-modal-brightness));
height: calc(100% + var(--popout-modal-blur) * 5);
width: calc(100% + var(--popout-modal-blur) * 5);
top: calc(var(--popout-modal-blur) / -1 * 2.5);
left: calc(var(--popout-modal-blur) / -1 * 2.5);
position: absolute;
filter: blur(var(--popout-modal-blur));
pointer-events: none;
user-select: none;
z-index: -1;
}
}
}