2021-03-11 04:19:37 +00:00
|
|
|
.timeline-item {
|
2021-10-24 14:22:37 +00:00
|
|
|
@include usevar(background-color, card-background);
|
|
|
|
@include usevar(--fade-color, card-background);
|
|
|
|
@include usevar(color, main-color);
|
2021-03-11 04:19:37 +00:00
|
|
|
|
|
|
|
.avatar-icon {
|
|
|
|
border: 2px solid;
|
|
|
|
@include usevar(border-color, theme-color);
|
|
|
|
|
|
|
|
&.big {
|
2021-10-24 20:48:28 +00:00
|
|
|
width: 3rem;
|
|
|
|
height: 3rem;
|
|
|
|
|
|
|
|
@media #{$breakpoint-not-small} {
|
|
|
|
width: px2rem(62px);
|
|
|
|
height: px2rem(62px);
|
|
|
|
}
|
2021-03-11 04:19:37 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-08-07 04:43:15 +00:00
|
|
|
.timeline-content-box {
|
2022-08-09 09:33:52 +00:00
|
|
|
&.timeline-item-bg {
|
|
|
|
@include usevar(background-color, timeline-content-background);
|
|
|
|
}
|
2021-03-11 04:19:37 +00:00
|
|
|
|
2022-08-07 04:43:15 +00:00
|
|
|
> * {
|
|
|
|
display: block;
|
|
|
|
max-width: 100%;
|
|
|
|
max-height: 80vh;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.embed {
|
|
|
|
@extend .aspect-ratio, .aspect-ratio--16x9;
|
|
|
|
|
|
|
|
> iframe {
|
|
|
|
@extend .aspect-ratio--object;
|
|
|
|
}
|
2021-03-11 04:19:37 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.timeline-modal {
|
|
|
|
.container {
|
|
|
|
max-height: 100vh;
|
2023-01-02 22:16:25 +00:00
|
|
|
max-width: 100%;
|
2021-03-11 04:19:37 +00:00
|
|
|
|
|
|
|
@media #{$breakpoint-not-small} {
|
2023-01-02 22:20:43 +00:00
|
|
|
width: auto;
|
2023-01-02 22:16:25 +00:00
|
|
|
max-width: calc(100% - 2rem);
|
2021-03-11 04:19:37 +00:00
|
|
|
max-height: calc(100vh - 2rem);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|