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

fix(card): hidden content

Browse Source
This commit is contained in:
Dan Head
2021-02-15 21:42:23 +00:00
parent 82dffe7cdd
commit 62526f6310
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/card.js
View File

@@ -7,7 +7,10 @@ const Media = styled.div`
transition: transform 0.15s ease-in; transition: transform 0.15s ease-in;
`; `;
const Heading = styled.div``; const Heading = styled.div``;
const Body = styled.div``; const Body = styled.div`
visibility: hidden;
transition: visibility 1ms linear 0.15s;
`;
const Content = styled.div` const Content = styled.div`
position: absolute; position: absolute;
@@ -38,6 +41,10 @@ const Container = styled.div`
&:hover ${Media} { &:hover ${Media} {
transform: scale(1.05); transform: scale(1.05);
} }
&:hover ${Body} {
visibility: visible;
transition: none;
}
} }
`; `;