chore(global styling): configure & design system in tailwind

202306-NEA-DZ-FEW · Oct 13, 2023 · ed9f4ce · ed9f4ce
1 parent 7be9ccc
commit ed9f4ce
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -1,7 +1,14 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+    html {
+        font-family: "Poppins", sans-serif;
+    }
+}
+
 .brd {
     border: 1px solid red;
 }
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -9,7 +9,18 @@ module.exports = {
     "./src/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        'poppins': ['"Poppins"', "sans-serif"],
+      },
+      colors: {
+        'green': '#33956D',
+        'black': '#3C4347',
+        'red': '#F07167',
+        'gray': '#E9E9E9',
+      }
+
+    },
   },
   plugins: [],
 }