50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
.author-card {
|
|
@apply grid w-full border border-primary p-6 mb-12 items-center;
|
|
grid-template-columns: min-content 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;
|
|
filter: grayscale(100%);
|
|
}
|
|
|
|
&-placeholder {
|
|
@apply w-full h-full bg-carhop-green-100 relative;
|
|
|
|
&:after {
|
|
@apply content-[''] block w-6 h-6 bg-carhop-green-700 rounded-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__infos {
|
|
@apply w-full;
|
|
.author-card__name {
|
|
@apply text-3xl uppercase font-medium mb-2 tracking-normal;
|
|
}
|
|
|
|
.author-card__articles-amount {
|
|
@apply text-primary font-normal flex items-center gap-2 mt-4;
|
|
|
|
&::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;
|
|
}
|
|
}
|