CoastalCommitsPastes/client/app/components/scroll-to-top/scroll.module.css

26 lines
419 B
CSS
Raw Normal View History

.root {
display: flex;
flex-direction: row;
width: 100%;
height: 24px;
justify-content: flex-end;
}
.scroll-up {
position: fixed;
z-index: 2;
pointer-events: none;
opacity: 0;
transform: translateY(16px);
transition: transform 0.2s, opacity 0.2s;
cursor: pointer;
bottom: var(--gap-double);
will-change: transform, opacity;
}
.scroll-up-shown {
opacity: 0.8;
transform: none;
pointer-events: auto;
}