ASCII text
1
.toast-container {
2
font: var(--gui-font);
3
/* Nicely align the toasts */
4
display: flex;
5
position: fixed;
6
top: 0;
7
left: 0;
8
align-items: var(--toast-align-vertical);
9
justify-content: var(--toast-align-horizontal);
10
width: 100%;
11
height: 100%;
12
padding: var(--margin-toast);
13
list-style: none;
14
flex-flow: var(--toast-stack);
15
gap: var(--gap-toast);
16
pointer-events: none; /* Allow clicking outside toasts normally */
17
}
18
.toast-container > li {
20
background: var(--color-callout);
21
color: var(--color-callout-text);
22
max-width: var(--max-width-toast);
23
min-width: var(--min-width-toast);
24
min-height: var(--height-toast);
25
padding: var(--padding-toast);
26
border: var(--border-toast);
27
display: flex;
28
align-items: center;
29
justify-content: space-between;
30
box-shadow: var(--shadow-toast);
31
border-radius: var(--radius-toast);
32
pointer-events: all; /* Make toasts clickable */
33
}
34
.toast-container > li .button-flat {
36
color: var(--color-callout-button-text) !important;
37
}
38
.toast-container > li .button, .toast-container > li button {
40
margin: 0;
41
}
42
.toast-container > li > .button-box {
44
gap: 0;
45
}