From 90f2a1029eef33af71378ac43ea88a74bbc3e2af Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Fri, 23 Aug 2024 14:43:54 +0200
Subject: [PATCH] introducing explainer screen component

---
 resources/css/app.css                     |  1 +
 resources/css/blocks/explainer-screen.css | 10 ++++++++++
 2 files changed, 11 insertions(+)
 create mode 100644 resources/css/blocks/explainer-screen.css

diff --git a/resources/css/app.css b/resources/css/app.css
index e41f2c0..1581f8b 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -120,6 +120,7 @@
 @import './blocks/parcours-renovateur.css';
 @import './blocks/page-card.css';
 @import './blocks/lightbox-gallery.css';
+@import './blocks/explainer-screen.css';
 
 /* Home */
 @import './blocks/home-header.css';
diff --git a/resources/css/blocks/explainer-screen.css b/resources/css/blocks/explainer-screen.css
new file mode 100644
index 0000000..c073c66
--- /dev/null
+++ b/resources/css/blocks/explainer-screen.css
@@ -0,0 +1,10 @@
+.homegrade-blocks-explainer-screen {
+  @apply border-2 border-neutral-200 p-8 rounded-3xl;
+  &__step-position {
+    @apply text-xs font-bold text-neutral-500 !mb-0 uppercase;
+  }
+
+  &__step-title {
+    @apply !mt-0 !mb-8 text-2xl font-bold !text-neutral-900;
+  }
+}