lbry-desktop/ui/scss/component/_file-tile.scss
2017-10-03 10:59:08 -06:00

38 lines
888 B
SCSS

$height-file-tile: $spacing-vertical * 6;
.file-tile__row {
overflow: hidden;
height: $height-file-tile;
//also a hack
.card__media {
height: $height-file-tile;
max-width: $height-file-tile;
width: $height-file-tile;
margin-right: $spacing-vertical / 2;
float: left;
}
//basically everything here is a hack now
.file-tile__content {
padding-top: $spacing-vertical * 1/3;
margin-left: $height-file-tile + $spacing-vertical / 2;
}
.card__title-primary {
margin-top: 0;
}
.meta {
font-size: 0.9em;
color: var(--color-primary);
background: var(--color-canvas);
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
display: inline-block;
padding: 4px 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 80%;
.meta-uri {
margin-left: 8px;
}
}
}