feat: move tailwind to using globals stylesheet

angeloanan · Mar 2, 2022 · 3d4a5c1 · 3d4a5c1
1 parent 5417816
commit 3d4a5c1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,5 +1,5 @@
 import '@fontsource/inter/variable.css'
-import 'tailwindcss/tailwind.css'
+import '../style/globals.css'
 
 import type { NextPage } from 'next'
 import type { AppProps } from 'next/app'
@@ -14,7 +14,7 @@ function CustomApp({ Component, pageProps }: CustomAppProps) {
  return Component.disableLayout ? (
  <Component {...pageProps} />
  ) : (
- <div className='min-h-screen bg-gray-100'>
+ <div className='stylized-bg min-h-screen'>
  <Component {...pageProps} />
  </div>
  )

diff --git a/src/style/globals.css b/src/style/globals.css
@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+.stylized-bg {
+ background: radial-gradient(circle at bottom center, #ffb1e165, transparent 60%),
+ radial-gradient(circle at bottom left, #fff5f160, transparent 80%),
+ radial-gradient(circle at bottom right, #ffb09660, transparent 40%), rgb(245, 245, 245);
+}