refning card

This commit is contained in:
Antoine M 2023-12-07 17:15:57 +01:00
parent b1248d8264
commit 1f3c36a18a

View File

@ -1,4 +1,6 @@
.card-news {
transition: all 0.3s ease-in-out;
@keyframes fadeIn {
from {
opacity: 0;
@ -10,7 +12,7 @@
}
}
@apply bg-white shadow-lg rounded-3xl relative;
@apply bg-white shadow-lg rounded-3xl relative flex flex-col;
animation: fadeIn 0.6s ease-in-out;
&__thumbnail {
@ -20,6 +22,8 @@
}
&__inner {
@apply p-6;
/* @apply flex flex-col; */
flex-grow: 2;
/* @apply h-full ; */
}
&__heading {
@ -47,4 +51,15 @@
@apply !text-lg font-bold text-secondary mb-1;
line-height: 1.2 !important;
}
.cta--read-more {
@apply text-neutral-900;
}
&:hover {
transform: scale(1.02) translateY(-10px);
.cta_arrow_button {
opacity: 1;
}
}
}