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