STYLE Handling variants, numerotations and mains authors

This commit is contained in:
Antoine M 2026-03-20 17:03:54 +01:00
parent c101758371
commit 5ffe427cc2

View File

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