From cf9022e090739560e88978b50ba0011fd5f28c16 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 21 Dec 2023 10:02:03 +0100
Subject: [PATCH] styling photos archives block

---
 resources/css/blocks/photos-archives.css | 46 ++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 resources/css/blocks/photos-archives.css

diff --git a/resources/css/blocks/photos-archives.css b/resources/css/blocks/photos-archives.css
new file mode 100644
index 0000000..511db13
--- /dev/null
+++ b/resources/css/blocks/photos-archives.css
@@ -0,0 +1,46 @@
+.homegarde-blocks-photos-archives {
+  &__archives-grid {
+    @apply list-none;
+  }
+  &__archive-row {
+    @apply !py-8;
+    &:before {
+      content: none !important;
+    }
+    figure {
+      @apply flex lg:gap-16 items-center;
+      img {
+        @apply block rounded-xl object-cover object-center;
+        flex-shrink: 0;
+        width: 220px;
+        height: 280px;
+      }
+      .figcaption {
+        @apply grid grid-cols-2 gap-4 h-fit items-center;
+        &__title {
+          @apply h-fit text-xl mb-0;
+        }
+        &__caption {
+          @apply font-bold text-primary;
+        }
+      }
+    }
+  }
+  &__archive-row + &__archive-row {
+    @apply border-t border-neutral-200;
+  }
+
+  .table_head {
+    @apply grid font-bold
+		bg-neutral-100 rounded-2xl py-5 px-8;
+
+    grid-template-columns: 220px 1fr 1fr;
+
+    :nth-child(2) {
+      @apply pl-8;
+    }
+    :nth-child(3) {
+      @apply pl-12;
+    }
+  }
+}