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;
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 {