From 63ec998a059e25c1cde1afed9b96cc5f1173590b Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 4 Jun 2025 11:34:26 +0200
Subject: [PATCH] REFACTOR Handling a generic post-grid for common styling

---
 resources/css/components/articles-grid.css |  0
 resources/css/components/post-grid.css     | 51 ++++++++++++++++++++++
 resources/css/components/revues-grid.css   |  0
 3 files changed, 51 insertions(+)
 create mode 100644 resources/css/components/articles-grid.css
 create mode 100644 resources/css/components/post-grid.css
 create mode 100644 resources/css/components/revues-grid.css

diff --git a/resources/css/components/articles-grid.css b/resources/css/components/articles-grid.css
new file mode 100644
index 0000000..e69de29
diff --git a/resources/css/components/post-grid.css b/resources/css/components/post-grid.css
new file mode 100644
index 0000000..4442299
--- /dev/null
+++ b/resources/css/components/post-grid.css
@@ -0,0 +1,51 @@
+.post-grid {
+  &__toolbar {
+    @apply grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-between pb-12;
+
+    h2.post-count {
+      @apply flex items-end gap-2;
+
+      &__count {
+        @apply font-normal uppercase fjalla;
+        line-height: 0.8;
+      }
+
+      &__text {
+        @apply text-xl nunito;
+      }
+    }
+
+    .search-bar {
+      @apply justify-self-end;
+      input {
+        @apply py-2 px-4 border border-primary rounded-full;
+        &::placeholder {
+          @apply text-sm text-carhop-green-700;
+        }
+      }
+    }
+  }
+  &__toolbar-actions {
+    @apply col-span-2 flex items-center gap-4;
+
+    select {
+      @apply border border-carhop-green-700 rounded-full py-2 px-4;
+    }
+
+    select[name='etiquettes'] {
+      /* @apply bg-blue-300; */
+    }
+
+    select[name='auteurs'] {
+      /* @apply bg-red-300; */
+    }
+
+    select[name='sort_by'] {
+      @apply ml-auto;
+    }
+  }
+
+  &__list {
+    @apply grid grid-cols-1 md:grid-cols-2  gap-8;
+  }
+}
diff --git a/resources/css/components/revues-grid.css b/resources/css/components/revues-grid.css
new file mode 100644
index 0000000..e69de29