Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

STYLE Handling variants, numerotations and mains authors

Browse Source
This commit is contained in:
Antoine M 2026-03-20 17:03:54 +01:00
parent c101758371
commit 5ffe427cc2
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
resources/css/components/post-card.css
View File

@ -9,6 +9,9 @@
@apply grid gap-6; @apply grid gap-6;
grid-template-columns: 1fr 3fr; grid-template-columns: 1fr 3fr;
} }
&.post-card--has-numerotation.post-card--has-thumbnail {
grid-template-columns: 1fr 3fr;
}
&__thumbnail { &__thumbnail {
@apply bg-white border border-solid border-primary p-2 h-fit grayscale hover:grayscale-0; @apply bg-white border border-solid border-primary p-2 h-fit grayscale hover:grayscale-0;
@ -25,7 +28,7 @@
} }
h3.card__title { h3.card__title {
@apply mb-6; @apply mb-6 text-2xl uppercase;
} }
.card__details { .card__details {
@apply flex flex-col gap-3; @apply flex flex-col gap-3;
@ -52,22 +55,32 @@
&__authors { &__authors {
/* @apply flex flex-wrap gap-2; */ /* @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 { li {
@apply text-lg flex items-center gap-2; @apply text-lg flex items-center gap-2;
&::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: '';
@apply filter-primary; /* @apply filter-primary; */
} }
&.author::before { &.author::before {
background-image: url('../resources/img/icons/carhop-plume2.svg'); 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 { &.editor::before {
background-image: url('../resources/img/icons/carhop-bookmark.svg'); 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 { &__details-text {