62 lines
1.9 kB
1
@tailwind base;
2
@tailwind components;
3
@tailwind utilities;
4
@layer base {
5
@font-face {
6
font-family: "Inter";
7
font-style: normal;
8
font-weight: 400;
9
font-display: swap;
10
}
11
h1 {
12
@apply text-2xl;
13
@apply font-sans;
14
@apply text-black;
15
@apply py-4;
16
}
17
18
::selection {
19
@apply bg-yellow-400;
20
@apply text-black;
21
@apply bg-opacity-30;
22
}
23
a {
24
@apply underline text-black hover:text-gray-800;
25
}
26
27
@layer base {
28
label {
29
@apply block text-sm text-black;
30
}
31
input {
32
@apply bg-white border border-black rounded-sm focus:ring-black p-2;
33
}
34
textarea {
35
@apply bg-white border border-black rounded-sm focus:ring-black p-2;
36
}
37
}
38
39
@layer components {
40
.btn {
41
@apply relative z-10 inline-flex min-h-[30px] cursor-pointer items-center
42
justify-center bg-transparent px-2 pb-[0.2rem] text-base
43
text-gray-900 before:absolute before:inset-0 before:-z-10
44
before:block before:rounded-sm before:border before:border-blue-200
45
before:bg-white before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#e5edff]
46
before:content-[''] hover:before:border-blue-300
47
hover:before:bg-blue-50
48
hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#e5edff]
49
focus:outline-none focus-visible:before:outline
50
focus-visible:before:outline-4 focus-visible:before:outline-blue-500
51
active:before:shadow-[inset_0_2px_2px_0_rgba(20,20,96,0.1)];
52
}
53
}
54
@layer utilities {
55
.error {
56
@apply py-1 border-black text-black;
57
}
58
.success {
59
@apply py-1 border-black text-black;
60
}
61
}
62
}
63