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

3
src/components/card.js
View File

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