STYLE Handling main author style

This commit is contained in:
Antoine M 2026-03-20 17:04:43 +01:00
parent 297f573507
commit 487e9f8abd

View File

@ -6,19 +6,28 @@
@apply uppercase font-medium text-4xl md:text-5xl lg:text-5xl text-white; @apply uppercase font-medium text-4xl md:text-5xl lg:text-5xl text-white;
line-height: 1.2; line-height: 1.2;
} }
&__main-author { &__main-author,
&__first-author {
@apply text-white font-light tracking-wide flex items-center gap-3 mt-4; @apply text-white font-light tracking-wide flex items-center gap-3 mt-4;
&::before { &::before {
@apply w-6 h-6 block bg-no-repeat bg-center bg-contain; @apply w-6 h-6 block bg-no-repeat bg-center bg-contain;
content: ''; content: '';
background-image: url('../resources/img/icons/carhop-plume2.svg');
filter: invert(1) brightness(0) saturate(100%) invert(100%); filter: invert(1) brightness(0) saturate(100%) invert(100%);
} }
&:hover { &:hover {
@apply underline underline-offset-8; @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 { &__inner {
@apply mx-auto grid gap-24; @apply mx-auto grid gap-24;
@screen xl { @screen xl {