62 lines
1.1 KiB
SCSS
62 lines
1.1 KiB
SCSS
.file-list {
|
|
display: grid;
|
|
grid-gap: $spacing-vertical * 2/3;
|
|
grid-template-columns: repeat(auto-fill, var(--card-small-width));
|
|
margin-top: $spacing-vertical * 2/3;
|
|
}
|
|
|
|
.file-list__header {
|
|
font-size: 24px;
|
|
padding-top: $spacing-vertical * 4/3;
|
|
|
|
.tooltip {
|
|
margin-left: 5px;
|
|
}
|
|
}
|
|
|
|
.file-tile {
|
|
display: flex;
|
|
font-size: 14px;
|
|
padding-top: $spacing-vertical;
|
|
|
|
.card__media {
|
|
flex: 0 0 var(--file-tile-media-width);
|
|
height: var(--file-tile-media-height);
|
|
}
|
|
}
|
|
|
|
.file-tile__info {
|
|
display: flex;
|
|
flex: 1;
|
|
flex-direction: column;
|
|
margin-left: $spacing-vertical * 2/3;
|
|
max-width: 500px;
|
|
}
|
|
|
|
.file-tile--large {
|
|
font-size: 16px;
|
|
|
|
.card__media {
|
|
flex: 0 0 var(--file-tile-media-width-large);
|
|
height: var(--file-tile-media-height-large);
|
|
}
|
|
}
|
|
|
|
.file-tile--small {
|
|
font-size: 12px;
|
|
padding-top: $spacing-vertical * 2/3;
|
|
|
|
.card__media {
|
|
flex: 0 0 var(--file-tile-media-width-small);
|
|
height: var(--file-tile-media-height-small);
|
|
}
|
|
}
|
|
|
|
.file-tile__title {
|
|
font-size: 1.1em;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.file-tile__uri {
|
|
color: $lbry-gray-5;
|
|
}
|