Move base style to tailwind config

raflymln · Jul 21, 2023 · c7affca · c7affca
1 parent e96881d
commit c7affca
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -1,14 +1,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
-@layer base {
-    html,
-    body {
-        @apply scroll-smooth scroll-pt-12;
-    }
-
-    * {
-        @apply !box-border;
-    }
-}
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 
 const { fontFamily } = require("tailwindcss/defaultTheme");
+const plugin = require("tailwindcss/plugin");
 
 module.exports = /** @satisfies {import('tailwindcss').Config} */ ({
     mode: "jit",
@@ -27,5 +28,14 @@ module.exports = /** @satisfies {import('tailwindcss').Config} */ ({
         },
         extend: {},
     },
-    plugins: [require("@tailwindcss/typography")],
+    plugins: [
+        require("@tailwindcss/typography"),
+        plugin(({ addBase }) => {
+            addBase({
+                "html, body": {
+                    "@apply scroll-smooth scroll-pt-12": {},
+                },
+            });
+        }),
+    ],
 });