From 64c2a5563a97005464ff466672679f3ffddb826c Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 18 Oct 2023 15:04:00 +0200
Subject: [PATCH] updating highlight block to handle warning and better color
 scheme

---
 resources/css/blocks/highlight.css            | 46 +++++++++++++++++--
 .../editor-content/color-taxonomy-scheme.css  | 29 +++++++++---
 2 files changed, 66 insertions(+), 9 deletions(-)

diff --git a/resources/css/blocks/highlight.css b/resources/css/blocks/highlight.css
index 91c5f69..a3e22ea 100644
--- a/resources/css/blocks/highlight.css
+++ b/resources/css/blocks/highlight.css
@@ -1,5 +1,5 @@
 .homegrade-blocks-highlight {
-  @apply p-12 rounding-radius my-8;
+  @apply p-12 rounding-radius my-8 max-w-screen-xl mx-auto;
 
   h3 {
     @apply pb-4;
@@ -10,7 +10,47 @@
   &__block-title {
     @apply !pb-0;
   }
-  .icon {
-    @apply bg-primary;
+  .wp-block-button {
+    @apply mt-6;
+  }
+  .wp-block-button + * {
+    @apply mt-6;
+  }
+  &--classic {
+    @apply bg-primary text-white;
+    .icon,
+    .wp-block-button__link {
+      @apply bg-secondary;
+    }
+  }
+  &--warning {
+    @apply !bg-transparent !relative !text-secondary;
+    .icon,
+    .wp-element-button,
+    ul li:before {
+      @apply !bg-secondary;
+    }
+    .homegrade-blocks-highlight__block-title,
+    *::marker {
+      @apply !text-secondary;
+    }
+    p > a {
+      @apply !text-primary font-bold;
+    }
+
+    &:after {
+      @apply absolute 
+      block 
+      rounding-radius
+      w-full 
+      h-full
+      !bg-secondary
+      top-0
+      left-0;
+      opacity: 0.05;
+      content: '';
+      z-index: -1;
+      pointer-events: none;
+    }
   }
 }
diff --git a/resources/css/editor-content/color-taxonomy-scheme.css b/resources/css/editor-content/color-taxonomy-scheme.css
index 9cfaaff..5483ec8 100644
--- a/resources/css/editor-content/color-taxonomy-scheme.css
+++ b/resources/css/editor-content/color-taxonomy-scheme.css
@@ -27,10 +27,13 @@ body.acoustique,
   .homegrade-blocks-focused-schema ol li:before,
   .wp-block-button__link,
   ul li:before {
-    @apply bg-acoustique-coproprietes;
+    @apply !bg-acoustique-coproprietes;
   }
   .homegrade-blocks-highlight {
-    @apply bg-acoustique-coproprietes-light;
+    @apply bg-acoustique-coproprietes-light text-black;
+    .icon {
+      @apply bg-acoustique-coproprietes;
+    }
   }
   .tooltip-word {
     @apply !decoration-acoustique-coproprietes;
@@ -98,7 +101,12 @@ body.energies,
   .homegrade-blocks-focused-thematique__figcaption-toggle {
     @apply text-energies-urbanisme;
   }
-  .homegrade-blocks-highlight,
+  .homegrade-blocks-highlight {
+    @apply bg-energies-urbanisme-light text-black;
+    .icon {
+      @apply bg-energies-urbanisme;
+    }
+  }
   .post-conseils-chapter-header {
     @apply bg-energies-urbanisme-light;
   }
@@ -180,7 +188,10 @@ body.isolation,
     @apply text-isolation-quotidien;
   }
   .homegrade-blocks-highlight {
-    @apply bg-isolation-quotidien-light;
+    @apply bg-isolation-quotidien-light text-black;
+    .icon {
+      @apply bg-isolation-quotidien;
+    }
   }
   .chapter_index__position-indicator,
   .homegrade-blocks-focus-point-bullet,
@@ -257,7 +268,10 @@ body.patrimoine,
     @apply text-patrimoine-renovation;
   }
   .homegrade-blocks-highlight {
-    @apply bg-patrimoine-renovation-light;
+    @apply bg-patrimoine-renovation-light text-black;
+    .icon {
+      @apply bg-patrimoine-renovation;
+    }
   }
   .chapter_index__position-indicator,
   .homegrade-blocks-focus-point-bullet,
@@ -335,7 +349,10 @@ body.renovation-circulaire,
     @apply text-location-renovation-circulaire;
   }
   .homegrade-blocks-highlight {
-    @apply bg-location-renovation-circulaire-light;
+    @apply bg-location-renovation-circulaire-light text-black;
+    .icon {
+      @apply bg-location-renovation-circulaire;
+    }
   }
   .chapter_index__position-indicator,
   .homegrade-blocks-focus-point-bullet,