From b33369ff042bcead575e21d071715871aca508b7 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Fri, 23 May 2025 18:07:49 +0200
Subject: [PATCH] ADD Create single revue CSS styles for enhanced layout and
 design consistency

---
 resources/css/pages/single-revues.css | 45 +++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 resources/css/pages/single-revues.css

diff --git a/resources/css/pages/single-revues.css b/resources/css/pages/single-revues.css
new file mode 100644
index 0000000..223930c
--- /dev/null
+++ b/resources/css/pages/single-revues.css
@@ -0,0 +1,45 @@
+.page--single-revue {
+  .single-revue__header {
+    @apply bg-carhop-green-700 text-white py-32;
+
+    h1 {
+      @apply text-white uppercase font-medium text-7xl;
+      line-height: 1.2;
+    }
+    &__inner {
+      @apply container mx-auto  grid grid-cols-1 md:grid-cols-2 gap-4;
+    }
+
+    .thumbnail-wrapper {
+      img {
+        max-height: 800px;
+        @apply object-contain;
+      }
+    }
+
+    .revue-meta {
+      @apply flex gap-28 mt-12;
+
+      &__label {
+        @apply uppercase font-bold text-lg;
+        letter-spacing: 0.2em;
+      }
+    }
+
+    .revue-issue {
+      @apply flex items-center gap-2;
+      .revue-issue-number {
+        @apply bg-white text-carhop-green-700 px-4 py-2 font-normal h-fit;
+      }
+    }
+  }
+  article {
+    @apply py-12 my-12;
+    .article-title {
+      @apply mb-8;
+    }
+    .article-tags {
+      @apply mb-12;
+    }
+  }
+}