kazhnuz/kazhnuz.css
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

feat: make configurable the height of the previews

Browse source
This commit is contained in:
Kazhnuz 2021-07-28 20:52:23 +02:00
parent 2f683aab82
commit e006221a75
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/scss/components/_previews.scss
View file

@ -4,6 +4,9 @@
* *
*/ */
$preview-height: 8*$lineheight; $preview-height: 8*$lineheight;
$preview-content-height:165px;
$comment-peek-height:0px;
$comment-height:30px;
.previews-section { .previews-section {
display: grid; display: grid;
@ -107,7 +110,7 @@ $preview-height: 8*$lineheight;
.metadata-pills { .metadata-pills {
opacity: .9; opacity: .9;
transition: opacity .5s, height .5s; transition: opacity .5s, height .5s;
height:135px; height:$preview-content-height - $comment-height;
} }
} }
} }
@ -153,12 +156,12 @@ $preview-height: 8*$lineheight;
.preview-metadata { .preview-metadata {
color: $color-font-light; color: $color-font-light;
height:165px; height:$preview-content-height;
overflow: hidden; overflow: hidden;
@include border-radius($card-radius); @include border-radius($card-radius);
.metadata-pills { .metadata-pills {
height:165px; height:$preview-content-height - $comment-peek-height;
opacity: 0; opacity: 0;
transition: opacity .3s, height .3s; transition: opacity .3s, height .3s;
display:flex; display:flex;