taxon4/common.css at main · tientq64/taxon4 · 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
@reference 'tailwindcss';

@utility font-sans {
	font-family: 'Segoe UI Variable Display', Arial, sans-serif;
}
@utility font-heading {
	font-family: 'Palatino Linotype', 'Palatino', serif;
}

@utility color-scheme-dark {
	color-scheme: dark;
}

@utility rendering-contrast {
	image-rendering: -webkit-optimize-contrast;
}

@utility drag-none {
	-webkit-user-drag: none;
}

@utility scrollbar-* {
	scrollbar-width: --value('auto', 'thin', 'none');
}

@utility scrollbar-gutter-* {
	scrollbar-gutter: --value('auto', 'stable');
}

@utility scrollbar-overlay {
	&::-webkit-scrollbar {
		appearance: none;
		width: 12px;
		height: 12px;
		@apply bg-transparent;
	}
	&:hover {
		&::-webkit-scrollbar-thumb {
			display: unset;
		}
	}

	&::-webkit-scrollbar-thumb {
		display: none;
		@apply bg-zinc-700;

		&:hover {
			@apply bg-zinc-500;
		}
	}
}

@layer base {
	kbd {
		@apply inline-flex min-w-6 items-center justify-center rounded border-b-2 border-zinc-500 bg-zinc-700 px-1.5 font-sans text-sm leading-snug text-zinc-200;
	}
}