this repo has no description
tangled.org
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-gray-900;
15 @apply py-4;
16 }
17
18 ::selection {
19 @apply bg-green-400;
20 @apply text-gray-900;
21 @apply bg-opacity-30;
22 }
23 a {
24 @apply underline text-blue-600 hover:text-blue-800 visited:text-purple-600;
25 }
26
27 @layer components {
28 .btn {
29 @apply relative z-10 inline-flex min-h-[30px] cursor-pointer items-center
30 justify-center bg-transparent px-2 pb-[0.2rem] text-base
31 text-gray-900 before:absolute before:inset-0 before:-z-10
32 before:block before:rounded-sm before:border before:border-blue-200
33 before:bg-white before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#e5edff]
34 before:content-[''] hover:before:border-blue-300
35 hover:before:bg-blue-50
36 hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#e5edff]
37 focus:outline-none focus-visible:before:outline
38 focus-visible:before:outline-4 focus-visible:before:outline-blue-500
39 active:before:shadow-[inset_0_2px_2px_0_rgba(20,20,96,0.1)];
40 }
41 }
42 @layer utilities {
43 .error {
44 @apply py-1 border-red-400 text-red-600;
45 }
46 }
47}