feishin/src/renderer/features/lyrics/lyric-line.module.css

22 lines
383 B
CSS
Raw Normal View History

.lyric-line {
padding: 0 1rem;
font-weight: 600;
color: var(--theme-colors-foreground);
opacity: 0.5;
transition:
opacity 0.3s ease-in-out,
transform 0.3s ease-in-out;
}
.lyric-line:global(.active) {
opacity: 1 !important;
}
.lyric-line:global(.unsynchronized) {
opacity: 1;
}
.lyric-line:global(.synchronized) {
cursor: pointer;
}