mirror of
https://github.com/jeffvli/feishin.git
synced 2026-07-27 04:46:32 +02:00
jeffvli
69 lines
1.4 KiB
CSS
69 lines
1.4 KiB
CSS
.karaoke-line {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
padding: 0 1rem;
|
|
font-weight: 600;
|
|
line-height: 1.2;
|
|
color: var(--theme-colors-foreground);
|
|
word-break: normal;
|
|
overflow-wrap: break-word;
|
|
opacity: var(--lyric-opacity);
|
|
transform: scale(var(--lyric-scale));
|
|
transform-origin: var(--lyric-scale-origin) center;
|
|
transition:
|
|
opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),
|
|
transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
|
|
will-change: opacity, transform;
|
|
}
|
|
|
|
.karaoke-line:global(.lyrics-line-active),
|
|
.karaoke-line:global(.lyrics-line-animating),
|
|
.karaoke-line:global(.lyrics-line-pre-animating) {
|
|
opacity: 1 !important;
|
|
transform: scale(1);
|
|
}
|
|
|
|
.karaoke-line:global(.lyrics-line-animating) {
|
|
transition-delay: var(--karaoke-anim-delay, 0s);
|
|
}
|
|
|
|
.karaoke-line:global(.synchronized) {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.karaoke-word {
|
|
display: inline;
|
|
}
|
|
|
|
.overlay-line {
|
|
display: block;
|
|
max-width: 100%;
|
|
font-size: 0.8em;
|
|
font-weight: 600;
|
|
overflow-wrap: break-word;
|
|
white-space: normal;
|
|
}
|
|
|
|
.translation-line {
|
|
display: block;
|
|
max-width: 100%;
|
|
font-size: 0.85em;
|
|
font-weight: 500;
|
|
overflow-wrap: break-word;
|
|
white-space: normal;
|
|
}
|
|
|
|
.agent-line {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
text-align: inherit;
|
|
}
|
|
|
|
.agent-text {
|
|
display: block;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
overflow-wrap: break-word;
|
|
white-space: normal;
|
|
}
|