betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

🎨 Ajoute un effet au hover sur les cartes

pull/1876/head
Johan Girod 2021-12-08 17:02:14 +01:00
parent 612a0f9c8f
commit 820de4d483
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
site/source/design-system/card/Card.tsx
View File

@ -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;
`