66 lines
1.1 KiB
CSS
66 lines
1.1 KiB
CSS
.card-news {
|
|
transition: all 0.3s ease-in-out;
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0px);
|
|
}
|
|
}
|
|
|
|
@apply bg-white shadow-lg rounded-3xl relative flex flex-col;
|
|
animation: fadeIn 0.6s ease-in-out;
|
|
|
|
&__thumbnail {
|
|
@apply rounded-t-3xl
|
|
h-[190px]
|
|
object-cover;
|
|
}
|
|
&__inner {
|
|
@apply p-6;
|
|
@apply flex flex-col;
|
|
flex-grow: 2;
|
|
/* @apply h-full ; */
|
|
}
|
|
&__heading {
|
|
@apply flex flex-col !mb-6;
|
|
}
|
|
|
|
&__tag {
|
|
@apply bg-secondary-light
|
|
text-secondary
|
|
w-fit
|
|
px-4 py-2
|
|
rounded-lg
|
|
mb-4;
|
|
}
|
|
&__thematique-tag {
|
|
@apply bg-secondary-light
|
|
text-secondary
|
|
w-fit
|
|
!px-4 !py-1
|
|
rounded-xl
|
|
mb-4;
|
|
}
|
|
|
|
&__title {
|
|
@apply !text-lg font-bold text-secondary mb-1;
|
|
line-height: 1.2 !important;
|
|
}
|
|
.cta--read-more {
|
|
@apply text-neutral-900 mt-auto;
|
|
}
|
|
|
|
&:hover {
|
|
transform: scale(1.02) translateY(-10px);
|
|
|
|
.cta_arrow_button {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|