STYLE Handling variants, numerotations and mains authors
This commit is contained in:
parent
c101758371
commit
5ffe427cc2
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user