added new css classes

devmamunur · Nov 1, 2023 · 65fd32e · 65fd32e
1 parent a51b541
commit 65fd32e
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 2 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -1,3 +1,47 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+@layer components {
+    .section-card-wrapper{
+        @apply  relative rounded-2xl overflow-hidden dark:bg-gray-900
+    }
+    .section-card{
+        @apply relative z-10  py-6 px-6  text-center md:text-left
+    }
+    .section-card-sub-title{
+        @apply  mb-1 text-gray-100 dark:text-gray-300
+    }
+    .section-card-sub-title2{
+        @apply  mb-1 text-gray-100 dark:text-gray-300
+    }
+    .section-card-title{
+        @apply  text-2xl text-gray-100 font-bold uppercase dark:text-gray-200
+    }
+    .text-bottom{
+        @apply h-full  flex flex-col justify-end
+    }
+}
+
+.bg-gradient-overlay {
+    background: linear-gradient(120deg, rgba(255,255,255,0.3), rgba(255,255,255,0.05));
+    opacity: 0.25;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1; /* Changed from 'q' to '1' */
+}
+
+.image-overlay {
+    opacity: 0.1;
+    position: absolute;
+    left: 0;
+    top: 0;
+    border-radius: 30px;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index: 2;
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -23,7 +23,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={`${jetBrains_Mono.className} dark:bg-gray-900`}>{children}</body>
+      <body className={`${jetBrains_Mono.className} dark:bg-gray-950`}>{children}</body>
     </html>
   )
 }