muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

Flow cell

Browse source
This commit is contained in:
muerwre 2019-08-25 13:27:48 +07:00
parent 209ab25ab0
commit 603e78b5ba
7 changed files with 130 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/components/flow/Cell/styles.scss
View file

@ -50,7 +50,8 @@
}
}
.title, .text_title {
.title,
.text_title {
font: $font_cell_title;
text-transform: uppercase;
@ -58,16 +59,11 @@
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
.title {
padding: 0 $gap;
position: absolute;
bottom: $gap;
left: 0;
width: 100%;
max-height: 2em;
}
.text_title {
@ -97,3 +93,36 @@
box-shadow: inset #444 0 0 0 1px;
}
}
.thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: 50% 50% no-repeat;
background-size: cover;
z-index: 1;
border-radius: $cell_radius + 2px;
opacity: 0;
transition: opacity 0.5s;
& > img {
opacity: 0;
width: 0;
height: 0;
}
}
.face {
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient($content_bg, transparentize($content_bg, 1));
z-index: 2;
border-radius: $cell_radius;
padding: $gap;
}