From 1f3c36a18a1bf9ec58f724678c406688c80a429d Mon Sep 17 00:00:00 2001 From: Antoine M Date: Thu, 7 Dec 2023 17:15:57 +0100 Subject: [PATCH] refning card --- template-components/cards/card-news.css | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/template-components/cards/card-news.css b/template-components/cards/card-news.css index a393d4e..96dcf93 100644 --- a/template-components/cards/card-news.css +++ b/template-components/cards/card-news.css @@ -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; + } + } }