Skip to content
This repository was archived by the owner on Mar 19, 2021. It is now read-only.

Commit 2ae0756

Browse files
committed
feat(features/cards): fade card content on preview
1 parent c6bf1cf commit 2ae0756

File tree

1 file changed

+13
-0
lines changed

1 file changed

+13
-0
lines changed

src/features/cards/organisms/card-item.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -256,6 +256,19 @@ const CellCardHeader = styled.div`
256256
const CellCardContent = styled.div`
257257
grid-area: content;
258258
overflow-y: hidden;
259+
position: relative;
260+
261+
${media.mobile} {
262+
&::after {
263+
content: "";
264+
position: absolute;
265+
bottom: 0;
266+
left: 0;
267+
right: 0;
268+
height: 2rem;
269+
background: linear-gradient(to top, var(--card) 10%, transparent);
270+
}
271+
}
259272
`
260273

261274
CardHeader.propTypes = {

0 commit comments

Comments
 (0)