me.webbeef.org
forked from
me.webbeef.org/browser.html
Rewild Your Web
webbeef.tngl.sh
1/* SPDX-License-Identifier: AGPL-3.0-or-later */
2
3:host {
4 position: fixed;
5 top: 0;
6 left: 0;
7 right: 0;
8 z-index: var(--z-modal);
9 display: flex;
10 flex-direction: column;
11 align-items: center;
12 pointer-events: none;
13}
14
15.toast {
16 background: var(--bg-surface);
17 color: var(--color-text);
18 font-family: var(--font-family-base);
19 font-size: var(--font-size-menu);
20 padding: var(--spacing-sm) var(--spacing-md);
21 margin: var(--spacing-xs);
22 border-radius: var(--radius-md);
23 box-shadow: 0 2px 12px var(--color-shadow);
24 max-width: 90vw;
25 text-align: center;
26 transform: translateY(-100%);
27 opacity: 0;
28 transition:
29 transform 0.3s ease,
30 opacity 0.3s ease;
31}
32
33.toast.visible {
34 transform: translateY(0);
35 opacity: 1;
36}
37
38.toast.hiding {
39 transform: translateY(-100%);
40 opacity: 0;
41}