From 820de4d4835b292e6db7bb37bb9f84ffdc0e8cd0 Mon Sep 17 00:00:00 2001
From: Johan Girod <johan.girod@beta.gouv.fr>
Date: Wed, 8 Dec 2021 17:02:14 +0100
Subject: [PATCH] :art: Ajoute un effet au hover sur les cartes

---
 site/source/design-system/card/Card.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/site/source/design-system/card/Card.tsx b/site/source/design-system/card/Card.tsx
index e5871fe62..64a027aba 100644
--- a/site/source/design-system/card/Card.tsx
+++ b/site/source/design-system/card/Card.tsx
@@ -110,6 +110,7 @@ export const CardContainer = styled.div<{ compact?: boolean }>`
 	box-shadow: ${({ theme }) => theme.elevations[2]};
 	&:hover {
 		box-shadow: ${({ theme }) => theme.elevations[3]};
+		background-color: ${({ theme }) => theme.colors.bases.primary[100]};
 	}
 	&:focus,
 	&:focus-visible {
@@ -123,5 +124,5 @@ export const CardContainer = styled.div<{ compact?: boolean }>`
 			: css`
 					${spacings.md} ${spacings.lg}
 			  `};
-	transition: box-shadow 0.15s;
+	transition: box-shadow 0.15s, background-color 0.15s;
 `