src/app/css/tooltip.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

@import "theming.css";

#tooltip {
	color: white;
	opacity: 0.0;
	position: fixed;
	font-weight: 600;
	font-size: 0.8em;
	width: max-content;
	z-index: 99999999999;
	pointer-events: none;
	background: var(--bg);
	backdrop-filter: blur(15px);
	transition: opacity 0.15s ease-in-out;
	border-radius: calc(var(--padding) / 1);
	padding: calc(var(--padding) / 2.8) calc(var(--padding) / 1.8);
}

#tooltip.visible {
	opacity: 1.0;
}