From 487e9f8abdadb3ba20415bbb7a609e034ac9b43f Mon Sep 17 00:00:00 2001 From: Antoine M Date: Fri, 20 Mar 2026 17:04:43 +0100 Subject: [PATCH] STYLE Handling main author style --- resources/css/components/post-header.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/resources/css/components/post-header.css b/resources/css/components/post-header.css index e190b8c..de4b040 100644 --- a/resources/css/components/post-header.css +++ b/resources/css/components/post-header.css @@ -6,19 +6,28 @@ @apply uppercase font-medium text-4xl md:text-5xl lg:text-5xl text-white; line-height: 1.2; } - &__main-author { + &__main-author, + &__first-author { @apply text-white font-light tracking-wide flex items-center gap-3 mt-4; &::before { @apply w-6 h-6 block bg-no-repeat bg-center bg-contain; content: ''; - background-image: url('../resources/img/icons/carhop-plume2.svg'); filter: invert(1) brightness(0) saturate(100%) invert(100%); } &:hover { @apply underline underline-offset-8; } } + + &__first-author::before { + background-image: url('../resources/img/icons/carhop-plume2.svg'); + } + &__main-author::before { + @apply w-8 h-8; + transform: translateY(-5px); + background-image: url('../resources/img/icons/carhop-auteur-principal.svg'); + } &__inner { @apply mx-auto grid gap-24; @screen xl {