Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refning card

Browse Source
This commit is contained in:
Antoine M 2023-12-07 17:15:57 +01:00
parent b1248d8264
commit 1f3c36a18a
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
template-components/cards/card-news.css
View File

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