From a4beafd9febc5acdc5f6ee690639226ab59c67e9 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Mon, 2 Jun 2025 17:15:09 +0200
Subject: [PATCH] FEATURE introducing component styling

---
 resources/css/blocks/team-authors.css | 48 +++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 resources/css/blocks/team-authors.css

diff --git a/resources/css/blocks/team-authors.css b/resources/css/blocks/team-authors.css
new file mode 100644
index 0000000..5fc3f1b
--- /dev/null
+++ b/resources/css/blocks/team-authors.css
@@ -0,0 +1,48 @@
+.team-authors {
+  h2 {
+  }
+
+  .author-card {
+    @apply bg-white p-12 border border-carhop-green-700;
+
+    &__thumbnail {
+      @apply w-full h-32 object-cover  mb-6 border border-carhop-green-700 relative;
+
+      img {
+        @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 object-cover object-center bg-carhop-green-100;
+        width: calc(100% - 16px);
+        height: calc(100% - 16px);
+        object-fit: cover;
+        object-position: center;
+      }
+    }
+    &__name {
+      @apply text-2xl font-medium mb-4;
+    }
+
+    &__email {
+      @apply mt-4;
+
+      &:hover {
+        @apply cta--primary;
+      }
+    }
+
+    &__bio {
+    }
+  }
+  .comity-type {
+    @apply pt-12;
+
+    &__title {
+      @apply text-4xl font-medium mb-4;
+    }
+
+    &__list {
+      @apply grid grid-cols-2 md:grid-cols-3 gap-12;
+    }
+
+    &__item {
+    }
+  }
+}