major modifications on vocabulaire-summary

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 {

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';

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;
+  }
+}