feishin/src/renderer/features/lyrics/unsynchronized-lyrics.module.css

21 lines
423 B
CSS
Raw Normal View History

.container {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 10vh 0 6vh;
overflow: scroll;
mask-image: linear-gradient(
180deg,
transparent 5%,
rgb(0 0 0 / 100%) 20%,
rgb(0 0 0 / 100%) 85%,
transparent 95%
);
transform: translateY(-2rem);
@media screen and (orientation: portrait) {
padding: 5vh 0;
}
}