From 7cae0790be88adae83a0e96f1b096bbf2902a62d Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 24 Aug 2023 18:26:06 +0200
Subject: [PATCH] major modifications on vocabulaire-summary

---
 css/app.css                                  | 20 ++++++++++++++++++++
 resources/css/app.css                        |  1 +
 resources/css/blocks/vocabulaire-summary.css | 12 ++++++++++++
 3 files changed, 33 insertions(+)
 create mode 100644 resources/css/blocks/vocabulaire-summary.css

diff --git a/css/app.css b/css/app.css
index 2bde30b..0738f46 100644
--- a/css/app.css
+++ b/css/app.css
@@ -3979,6 +3979,26 @@ article > *:not(.entry-content, .chapter-header-block),
   /* background-color: white; */
 }
 
+.homegrade-blocks-vocabulaire-summary {
+  background-color: rgb(239, 239, 239, 0.6);
+}
+
+.homegrade-blocks-vocabulaire-summary details {
+  border-radius: 1rem;
+}
+
+.homegrade-blocks-vocabulaire-summary__title {
+  padding-bottom: 1.5rem;
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+  --tw-text-opacity: 1 !important;
+  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
+}
+
+.homegrade-blocks-vocabulaire-summary__content {
+  padding-top: 30px;
+}
+
 /* ########### PAGE ############ */
 
 .demo-components .title {
diff --git a/resources/css/app.css b/resources/css/app.css
index c3f9940..7f88004 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -57,6 +57,7 @@
 @import './blocks/points-cles.css';
 @import './blocks/highlight.css';
 @import './blocks/tooltip.css';
+@import './blocks/vocabulaire-summary.css';
 
 /* ########### PAGE ############ */
 @import './pages/demo-components.css';
diff --git a/resources/css/blocks/vocabulaire-summary.css b/resources/css/blocks/vocabulaire-summary.css
new file mode 100644
index 0000000..e2183ac
--- /dev/null
+++ b/resources/css/blocks/vocabulaire-summary.css
@@ -0,0 +1,12 @@
+.homegrade-blocks-vocabulaire-summary {
+  @apply bg-gray;
+  details {
+    @apply rounded-2xl;
+  }
+  &__title {
+    @apply text-3xl !text-black pb-6;
+  }
+  &__content {
+    padding-top: 30px;
+  }
+}