44 lines
983 B
CSS
44 lines
983 B
CSS
.post-card {
|
|
@apply bg-white border border-primary p-6;
|
|
h3.card__title {
|
|
@apply mb-6;
|
|
}
|
|
.card__details {
|
|
@apply flex flex-col gap-3;
|
|
|
|
&:has(.card__thumbnail) {
|
|
@apply grid gap-6;
|
|
grid-template-columns: 3fr 1fr;
|
|
}
|
|
.card__thumbnail {
|
|
@apply bg-white border border-solid border-primary p-2;
|
|
img {
|
|
aspect-ratio: 4/5;
|
|
@apply w-full h-auto bg-green-400 object-cover;
|
|
}
|
|
}
|
|
}
|
|
|
|
time.date {
|
|
@apply text-primary capitalize;
|
|
}
|
|
.author {
|
|
@apply text-primary;
|
|
}
|
|
|
|
&__authors {
|
|
/* @apply flex flex-wrap gap-2; */
|
|
@apply flex flex-wrap gap-x-8 gap-y-2;
|
|
li {
|
|
@apply text-lg flex items-center gap-2;
|
|
|
|
&::before {
|
|
@apply w-6 h-6 block rounded-full bg-no-repeat bg-center bg-contain;
|
|
content: '';
|
|
background-image: url('../resources/img/icons/carhop-plume.svg');
|
|
@apply filter-primary;
|
|
}
|
|
}
|
|
}
|
|
}
|