94 lines
2.6 KiB
CSS
94 lines
2.6 KiB
CSS
.author-card {
|
|
@apply grid w-full border border-primary p-6 mb-12 items-center bg-white;
|
|
grid-template-columns: auto 1fr;
|
|
gap: 1rem;
|
|
|
|
transition: all 0.3s ease-in-out;
|
|
|
|
&:hover {
|
|
@apply translate-y-[-4px];
|
|
}
|
|
|
|
&__profile-picture {
|
|
@apply w-32 h-32 object-cover p-2 border border-primary;
|
|
|
|
img {
|
|
@apply w-full h-full object-cover;
|
|
}
|
|
&-placeholder {
|
|
@apply bg-carhop-green-100 flex items-center justify-center;
|
|
|
|
&:before {
|
|
content: '';
|
|
@apply block w-6 h-6 filter-primary;
|
|
background-image: url('../resources/img/icons/icon-losange.svg');
|
|
background-size: contain;
|
|
background-repeat: no-repeat !important;
|
|
background-position: center;
|
|
}
|
|
|
|
&--1n:before {
|
|
background-image: url('../resources/img/icons/icon-losange.svg');
|
|
}
|
|
&--2n:before {
|
|
background-image: url('../resources/img/icons/icon-rectangle-rotated.svg');
|
|
}
|
|
&--3n:before {
|
|
background-image: url('../resources/img/icons/icon-circle.svg');
|
|
}
|
|
&--4n:before {
|
|
background-image: url('../resources/img/icons/icon-rectangle-vertical.svg');
|
|
}
|
|
}
|
|
&-placeholder {
|
|
@apply w-full h-full bg-carhop-green-100 relative;
|
|
}
|
|
}
|
|
|
|
&__infos {
|
|
@apply w-full flex flex-col gap-y-2;
|
|
.author-card__name {
|
|
@apply text-2xl uppercase font-medium tracking-normal;
|
|
}
|
|
|
|
.author-card__author-status {
|
|
@apply flex items-center gap-2;
|
|
&:before {
|
|
content: '';
|
|
@apply block w-6 h-6 bg-no-repeat bg-center;
|
|
background-image: url('../resources/img/icons/icon-plume2.svg');
|
|
background-size: contain;
|
|
background-repeat: no-repeat !important;
|
|
background-position: center;
|
|
}
|
|
|
|
&--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');
|
|
}
|
|
&--publication-director:before {
|
|
@apply w-6 h-6;
|
|
background-image: url('../resources/img/icons/carhop-auteur-directeur.svg');
|
|
}
|
|
}
|
|
.author-card__articles-amount {
|
|
@apply text-primary font-normal flex items-center gap-2;
|
|
|
|
&::before {
|
|
content: '';
|
|
@apply block w-6 h-6 bg-no-repeat bg-center;
|
|
background-image: url('../resources/img/icons/icon-activites.svg');
|
|
background-size: contain;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__description {
|
|
@apply col-span-2;
|
|
}
|
|
}
|