veryroundbird.house
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 visited:text-gray-600;
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}