mirror of
https://github.com/jeffvli/feishin.git
synced 2026-07-23 10:56:28 +02:00
Jeff
62 lines
1.3 KiB
CSS
62 lines
1.3 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:
|
|
filter calc(var(--karaoke-line-duration, 1s) / 3) 0.4s,
|
|
opacity calc(var(--karaoke-line-duration, 1s) / 2) 0.166s,
|
|
transform 0.166s var(--karaoke-anim-delay, 0s);
|
|
will-change: transform;
|
|
}
|
|
|
|
.karaoke-line:global(.lyrics-line-active),
|
|
.karaoke-line:global(.lyrics-line-animating),
|
|
.karaoke-line:global(.lyrics-line-pre-animating) {
|
|
opacity: 1 !important;
|
|
filter: blur(0);
|
|
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;
|
|
}
|
|
|
|
.romaji-line {
|
|
display: block;
|
|
max-width: 100%;
|
|
font-size: 0.8em;
|
|
font-weight: 600;
|
|
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;
|
|
}
|