add tailwind base plugin

ulf-frostypaw · Jan 13, 2023 · 0c1921b · 0c1921b
1 parent dd36b5a
commit 0c1921b
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 7 deletions.
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -1,9 +1,3 @@
-@layer base  {
-	body {
-		@apply font-open-sans;
-	}
-}
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/components/UserLoggedIn.vue → components/Navbar/UserLoggedIn.vue b/components/UserLoggedIn.vue → components/Navbar/UserLoggedIn.vue
diff --git a/components/UserLoggedOut.vue → components/Navbar/UserLoggedOut.vue b/components/UserLoggedOut.vue → components/Navbar/UserLoggedOut.vue
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,5 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 const defaultTheme = require("tailwindcss/defaultTheme");
+const plugin = require("tailwindcss/plugin");
 
 module.exports = {
   content: [
@@ -10,6 +11,22 @@ module.exports = {
     "./nuxt.config.{js,ts}",
     "./app.vue",
   ],
+  plugins: [
+    plugin(({ addBase, theme }) => {
+      addBase({
+        html: {
+          scrollBehavior: "smooth",
+          overflowX: "hidden",
+          "@media (prefers-reduced-motion)": {
+            scrollBehavior: "auto",
+          },
+        },
+				body: {
+					fontFamily: theme("fontFamily.open-sans")
+				}
+      });
+    }),
+  ],
   theme: {
     extend: {
       fontFamily: {
@@ -18,5 +35,4 @@ module.exports = {
       },
     },
   },
-  plugins: [],
 };