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-[36px] cursor-pointer items-center
30 justify-center border-0 bg-transparent px-3 pb-[0.3rem] text-base
31 text-gray-800 before:absolute before:inset-0 before:-z-10
32 before:block before:rounded before:border before:border-cyan-200
33 before:bg-white before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#ebebf6]
34 before:content-[''] hover:before:border-cyan-600
35 hover:before:bg-cyan-600
36 hover:before:shadow-[0_4px_3px_0_rgba(20,20,96,0.1),inset_0_-5px_0_0_#c2b3ff]
37 focus:outline-none focus-visible:before:outline
38 focus-visible:before:outline-4 focus-visible:before:outline-[#fc440f]
39 active:border-t-4 active:border-transparent active:py-1
40 active:before:shadow-none;
41 }
42 }
43
44 @layer utilities {
45 .error {
46 @apply py-1 border-red-400 text-red-600;
47 }
48 }
49}