From 5ffe427cc2721cf4642a09765eef19b19ff0e400 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Fri, 20 Mar 2026 17:03:54 +0100
Subject: [PATCH] STYLE Handling variants, numerotations and mains authors

---
 resources/css/components/post-card.css | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/resources/css/components/post-card.css b/resources/css/components/post-card.css
index 7cc0c49..18158da 100644
--- a/resources/css/components/post-card.css
+++ b/resources/css/components/post-card.css
@@ -9,6 +9,9 @@
     @apply grid  gap-6;
     grid-template-columns: 1fr 3fr;
   }
+  &.post-card--has-numerotation.post-card--has-thumbnail {
+    grid-template-columns: 1fr 3fr;
+  }
 
   &__thumbnail {
     @apply bg-white border border-solid border-primary p-2 h-fit grayscale hover:grayscale-0;
@@ -25,7 +28,7 @@
   }
 
   h3.card__title {
-    @apply mb-6;
+    @apply mb-6 text-2xl uppercase;
   }
   .card__details {
     @apply flex flex-col gap-3;
@@ -52,22 +55,32 @@
 
   &__authors {
     /* @apply flex flex-wrap gap-2; */
-    @apply flex flex-wrap gap-x-8 gap-y-2;
+    @apply flex flex-wrap gap-x-6 gap-y-2;
     li {
       @apply text-lg flex items-center gap-2;
 
       &::before {
         @apply w-6 h-6 block  bg-no-repeat bg-center bg-contain;
         content: '';
-        @apply filter-primary;
+        /* @apply filter-primary; */
       }
 
       &.author::before {
         background-image: url('../resources/img/icons/carhop-plume2.svg');
       }
+      &.main-author::before {
+        width: 2.15rem;
+        height: 2.15rem;
+        transform: translateY(-5px);
+        background-image: url('../resources/img/icons/carhop-auteur-principal.svg');
+      }
       &.editor::before {
         background-image: url('../resources/img/icons/carhop-bookmark.svg');
       }
+      &.publication-director::before {
+        @apply w-8 h-8;
+        background-image: url('../resources/img/icons/carhop-auteur-directeur.svg');
+      }
     }
   }
   &__details-text {