File size: 1,178 Bytes
e1ef9fc | 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 58 59 60 61 62 63 64 65 66 | @import "tailwindcss";
:root {
--background: #ffffff;
--foreground: #09090b;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-inter);
}
@media (prefers-color-scheme: dark) {
:root {
--background: #09090b;
--foreground: #fafafa;
}
}
body {
background: var(--background);
color: var(--foreground);
font-family: var(--font-inter), system-ui, -apple-system, sans-serif;
}
/* Scrollbar utilities */
.scrollbar-none::-webkit-scrollbar {
display: none;
}
.scrollbar-none {
-ms-overflow-style: none;
scrollbar-width: none;
}
.scrollbar-thin::-webkit-scrollbar {
width: 4px;
}
.scrollbar-thin::-webkit-scrollbar-track {
background: transparent;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
background-color: #d4d4d8;
border-radius: 9999px;
}
/* Animation utilities */
@keyframes slide-in-from-bottom {
from {
transform: translateY(16px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.animate-in {
animation: slide-in-from-bottom 0.3s ease-out;
}
.slide-in-from-bottom-4 {
animation: slide-in-from-bottom 0.3s ease-out;
}
|