1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-05-06 10:06:41 +07:00

better text nodes appearance

This commit is contained in:
Fedor Katurov 2019-10-17 16:53:52 +07:00
parent 6d0a22707c
commit 6476e60c81
4 changed files with 42 additions and 38 deletions
src/components/flow/Cell

View file

@ -26,16 +26,10 @@
}
.text {
font: $font_16_regular;
line-height: 1.3em;
font: $font_18_regular;
line-height: 23px;
margin-top: $gap;
letter-spacing: 0.5px;
position: absolute;
top: 0;
left: 0;
padding: $gap;
background: darken($content_bg, 4%);
height: 100%;
overflow: hidden;
&::after {
content: ' ';
@ -43,10 +37,10 @@
bottom: 0;
left: 0;
width: 100%;
height: 100px;
height: 160px;
pointer-events: none;
touch-action: none;
background: linear-gradient(transparentize($content_bg, 1), $content_bg 70px);
background: linear-gradient(transparentize($content_bg, 1), $content_bg 95%);
z-index: 1;
border-radius: 0 0 $radius $radius;
}
@ -55,6 +49,7 @@
.title,
.text_title {
font: $font_cell_title;
line-height: 1.1em;
text-transform: uppercase;
overflow: hidden;
@ -63,7 +58,7 @@
}
.title {
max-height: 2.6em;
// max-height: 3.3em;
}
.text_title {