51 lines
859 B
CSS
51 lines
859 B
CSS
.card-news {
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0px);
|
|
}
|
|
}
|
|
|
|
@apply bg-white shadow-lg rounded-3xl relative;
|
|
animation: fadeIn 0.6s ease-in-out;
|
|
|
|
&__thumbnail {
|
|
@apply rounded-t-3xl
|
|
h-[190px]
|
|
object-cover;
|
|
}
|
|
&__inner {
|
|
@apply p-8;
|
|
/* @apply h-full ; */
|
|
}
|
|
&__heading {
|
|
@apply flex flex-col-reverse;
|
|
}
|
|
|
|
&__tag {
|
|
@apply bg-secondary-light
|
|
text-secondary
|
|
w-fit
|
|
px-4 py-1
|
|
rounded-xl
|
|
mb-4;
|
|
}
|
|
&__thematique-tag {
|
|
@apply bg-secondary-light
|
|
text-secondary
|
|
w-fit
|
|
px-4 py-1
|
|
rounded-xl
|
|
mb-4;
|
|
}
|
|
|
|
&__title {
|
|
@apply text-2xl font-bold mb-4 text-secondary;
|
|
line-height: 1.1;
|
|
}
|
|
}
|