53 lines
845 B
SCSS
53 lines
845 B
SCSS
div.item {
|
|
display: grid;
|
|
grid-template-columns:
|
|
calc(4rem * var(--pico-line-height)) auto;
|
|
column-gap: var(--pico-block-spacing-horizontal);
|
|
align-items: top;
|
|
justify-content: left;
|
|
word-break: break-all;
|
|
|
|
&.player {
|
|
display: block;
|
|
}
|
|
|
|
hgroup {
|
|
margin: 0;
|
|
}
|
|
|
|
h5 small,
|
|
hgroup span {
|
|
font-weight: 400;
|
|
font-size: 80%;
|
|
color: var(--pico-muted-color);
|
|
|
|
&.category {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
}
|
|
|
|
.brief {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
font-size: 80%;
|
|
|
|
>span {
|
|
margin-right: 1rem;
|
|
}
|
|
}
|
|
|
|
.full>div {
|
|
text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
overflow: hidden;
|
|
-webkit-line-clamp: 3;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
font-size: 80%;
|
|
|
|
}
|
|
|
|
}
|