Tailwind config moved to css

nirnejak · nirnejak · commit fba2d57c7588 · 2025-09-29T17:36:05.000+05:30
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -40,7 +40,14 @@ const monoFont = JetBrains_Mono({
 
 const RootLayout: React.FC<Props> = ({ children }) => {
   return (
-    <html lang="en">
+    <html
+      lang="en"
+      className={classNames(
+        sansFont.variable,
+        monoFont.variable,
+        "overflow-x-hidden font-sans"
+      )}
+    >
       <head>
         <script
           defer
@@ -49,15 +56,7 @@ const RootLayout: React.FC<Props> = ({ children }) => {
         />
       </head>
 
-      <body
-        className={classNames(
-          sansFont.variable,
-          monoFont.variable,
-          "overflow-x-hidden font-sans"
-        )}
-      >
-        {children}
-      </body>
+      <body>{children}</body>
     </html>
   )
 }
diff --git a/styles/main.css b/styles/main.css
@@ -1,9 +1,9 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 * {
-  box-sizing: border-box;
+  @apply antialiased;
+  text-rendering: geometricPrecision;
+
   transition:
     background-color 150ms ease-out,
     color 150ms ease-out;
@@ -13,6 +13,31 @@
   -webkit-font-smoothing: antialiased;
 }
 
+@theme {
+  --font-sans: var(--sans-font);
+  --font-mono: var(--mono-font);
+
+  --easing: cubic-bezier(0.16, 1, 0.3, 1);
+
+  --animate-slide-down-and-fade: slide-down-and-fade 400ms var(--easing);
+  --animate-slide-left-and-fade: slide-left-and-fade 400ms var(--easing);
+  --animate-slide-up-and-fade: slide-up-and-fade 400ms var(--easing);
+  --animate-slide-right-and-fade: slide-right-and-fade 400ms var(--easing);
+
+  --animate-slide-down: slide-down 400ms var(--easing);
+  --animate-slide-up: slide-up 400ms var(--easing);
+  --animate-slide-left: slide-left 400ms var(--easing);
+  --animate-slide-right: slide-right 400ms var(--easing);
+
+  --animate-fade-in: fade-in 400ms var(--easing);
+
+  --animate-marquee: marquee 25s linear infinite;
+  --animate-swing: swing 1s infinite ease-in-out alternate;
+  --animate-rise: rise 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  --animate-scale: scale 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  --animate-shake: shake 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
 :root {
   --sh-class: #2d5e9d;
   --sh-identifier: #354150;
diff --git a/tailwind.config.ts b/tailwind.config.ts
