From 81bb65f91e61780b2feb4af215cf0e908b187cff Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Mon, 27 Nov 2023 13:08:26 +0100
Subject: [PATCH] introducing component

---
 .../post-questions/chapter-header.css         | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 template-components/post-questions/chapter-header.css

diff --git a/template-components/post-questions/chapter-header.css b/template-components/post-questions/chapter-header.css
new file mode 100644
index 0000000..a9e251b
--- /dev/null
+++ b/template-components/post-questions/chapter-header.css
@@ -0,0 +1,36 @@
+.post-question-chapter-header {
+  @apply p-8 md:px-16 mt-8 max-w-screen-2xl 
+	flex 
+  flex-col
+  lg:flex-row
+	justify-center 
+	items-center 
+  mx-auto
+	rounded-2xl;
+
+  margin-bottom: 20px;
+
+  &__page-thematic-cover {
+    max-width: 400px;
+  }
+  &__page-thematic-title {
+    @apply text-xl uppercase font-bold tracking-wider pb-4;
+  }
+  &__page-title {
+    @apply text-4xl font-bold;
+  }
+  &__infos {
+    @apply max-w-2xl;
+
+    .post-infos-capsule {
+      @apply mt-8;
+    }
+    .cta {
+      @apply mt-8;
+    }
+  }
+
+  /* .post-conseil-page--acoustique & {
+    @apply !bg-pink-500;
+  } */
+}