dan/abc-project-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(card): hover effect on non-touch only

Browse Source
This commit is contained in:
Dan Head
2021-01-27 00:08:33 +00:00
parent 9c84cb91c9
commit 637e90d7a5
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/card.js
View File

@@ -29,12 +29,15 @@ const Content = styled.div`
const Container = styled.div` const Container = styled.div`
position: relative; position: relative;
overflow: hidden; overflow: hidden;
&:hover ${Content} {
background-color: rgba(0, 0, 0, 0.65); @media (hover: hover) and (pointer: fine) {
transform: translate3d(0, 0, 0); &:hover ${Content} {
} background-color: rgba(0, 0, 0, 0.65);
&:hover ${Media} { transform: translate3d(0, 0, 0);
transform: scale(1.05); }
&:hover ${Media} {
transform: scale(1.05);
}
} }
`; `;