From 0646a2c325485f94ca908c6c5d3a1fd866e74b51 Mon Sep 17 00:00:00 2001
From: Nonimart <martinon.toinou@protonmail.com>
Date: Thu, 23 Oct 2025 12:09:59 +0200
Subject: [PATCH] FEATURE Styling blockquote

---
 resources/css/app.css                   |  1 +
 resources/css/blocks/wp-block-quote.css | 19 +++++++++++++++++++
 resources/img/icons/cite-icon.svg       |  3 +++
 3 files changed, 23 insertions(+)
 create mode 100644 resources/css/blocks/wp-block-quote.css
 create mode 100644 resources/img/icons/cite-icon.svg

diff --git a/resources/css/app.css b/resources/css/app.css
index 9e19808..0a21b3f 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -53,5 +53,6 @@
 /* ########### BLOCKS ############ */
 @import './blocks/explore-tags.css';
 @import './blocks/wp-block-pullquote.css';
+@import './blocks/wp-block-quote.css';
 @import './blocks/statistics-datas.css';
 @import './blocks/recommandations.css';
diff --git a/resources/css/blocks/wp-block-quote.css b/resources/css/blocks/wp-block-quote.css
new file mode 100644
index 0000000..d1f154f
--- /dev/null
+++ b/resources/css/blocks/wp-block-quote.css
@@ -0,0 +1,19 @@
+.wp-block-quote {
+  border: none;
+  p {
+    @apply font-medium;
+    font-size: 1.2rem;
+  }
+  @apply relative pl-12;
+  &:before {
+    background-image: url('../resources/img/icons/cite-icon.svg');
+    @apply content-[''] block w-8 h-8  absolute top-0 left-0;
+  }
+  cite {
+    &:before {
+      @apply pr-2;
+      content: 'EXTRAIT';
+      @apply font-bold;
+    }
+  }
+}
diff --git a/resources/img/icons/cite-icon.svg b/resources/img/icons/cite-icon.svg
new file mode 100644
index 0000000..25fc4d6
--- /dev/null
+++ b/resources/img/icons/cite-icon.svg
@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M48 46.125L0 48V0L48 1.96875V46.125Z" fill="#136F63"/>
+</svg>