0ffd47ca96
* new style with picocss * djlint * rate distribution * collection item drag to order * discover available for guest * search combine movie tv
48 lines
799 B
SCSS
48 lines
799 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;
|
|
}
|
|
|
|
}
|
|
|
|
.metadata {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
font-size: 80%;
|
|
}
|
|
|
|
.brief {
|
|
text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
overflow: hidden;
|
|
-webkit-line-clamp: 4;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
font-size: 80%;
|
|
}
|
|
|
|
}
|