extending blocks styles

resources/css/blocks/_component-image.css

@@ -0,0 +1,16 @@
+.homegrade-blocks-components-image {
+  width: 100%;
+  max-width: 450px;
+  &--original-ratio {
+    height: auto;
+  }
+  &--medium-ratio {
+    height: auto;
+    object-fit: cover;
+    aspect-ratio: 1/1.3;
+  }
+  &--square-ratio {
+    aspect-ratio: 1/1;
+    object-fit: cover;
+  }
+}

resources/css/blocks/accordeon.css

@@ -0,0 +1,5 @@
+.homegrade-blocks-accordeon-panel-content {
+  &__content {
+    @apply pt-8;
+  }
+}

resources/css/blocks/card.css

@@ -0,0 +1,6 @@
+.homegrade-blocks-card {
+  @apply bg-white w-full p-8 rounded-3xl;
+  *:first-child {
+    @apply mt-0;
+  }
+}

resources/css/blocks/column-cards.css

@@ -0,0 +1,13 @@
+.homegrade-blocks-column-cards {
+  @apply grid gap-12  w-full my-16;
+
+  &--has-2-columns {
+    @apply md:grid-cols-2;
+  }
+  &--has-3-columns {
+    @apply md:grid-cols-2 xl:grid-cols-3;
+  }
+  &--has-4-columns {
+    @apply md:grid-cols-2 xl:grid-cols-4;
+  }
+}

resources/css/blocks/content-box.css

@@ -1,8 +1,8 @@
-.homegrade-content-blocks-grey-box {
+.homegrade-content-blocks-content-box {
   @apply card-large-content-container;
   @apply !pt-20 !pb-24;
 
-  > :first-child {
+  > :first-child:not(.homegrade-blocks-box-monoblock--has-illustration) {
     @apply !mt-0;
   }
 

resources/css/blocks/figure.css

@@ -0,0 +1,15 @@
+.homegrade-blocks-figure {
+  @apply text-center;
+  &__figure {
+    @apply font-bold !text-4xl text-slate-900 !mb-0;
+  }
+  &__title {
+    @apply text-secondary font-bold text-xl !mb-2;
+  }
+  &__caption {
+    p {
+      @apply !mb-0 mx-auto;
+      max-width: 250px;
+    }
+  }
+}

resources/css/blocks/highlight.css

@@ -1,15 +1,32 @@
 .homegrade-blocks-highlight {
-  @apply p-12 rounding-radius my-8 max-w-screen-xl mx-auto;
+  @apply p-12 rounding-radius my-8 max-w-screen-lg mx-auto;
 
   h3 {
     @apply pb-4;
   }
   p {
+    @apply max-w-3xl;
     margin-bottom: 10px;
   }
   &__block-title {
     @apply !pb-0;
   }
+  &__content {
+    @apply flex items-start gap-8;
+    .homegrade-blocks-highlight__content__innerblocks {
+      @apply w-full;
+    }
+  }
+  &__logo {
+    @apply p-4 bg-white h-auto flex justify-center items-center rounded-3xl;
+    width: 150px;
+    height: 150px;
+    aspect-ratio: 1/1;
+    margin-top: -10px;
+    img {
+      @apply max-h-full max-w-full block;
+    }
+  }
   .wp-block-button {
     @apply mt-6;
   }

resources/css/blocks/monoblock.css

@@ -0,0 +1,14 @@
+.homegrade-blocks-box-monoblock {
+  &--has-illustration {
+    @apply relative pt-32 !mt-16;
+  }
+
+  &__superior-illustration + section_titling {
+    @apply bg-green-300 text-center;
+  }
+  &__superior-illustration {
+    @apply mx-auto  absolute top-0 left-1/2;
+    transform: translate(-50%, -50%);
+    max-width: 200px;
+  }
+}

resources/css/blocks/texte-image.css

@@ -0,0 +1,3 @@
+.homegrade-blocks-text-image {
+  @apply grid grid-cols-2 gap-24 xl:gap-32 py-16;
+}