@enact/moonstone
Version:
Large-screen/TV support library for Enact, containing a variety of UI components.
28 lines (27 loc) • 589 B
CSS
.scrollbar {
background: inherit;
display: flex;
border-color: transparent;
visibility: visible;
opacity: 1;
flex: none;
transform: translateZ(0);
-webkit-transform: translateZ(0);
transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-webkit-transition: opacity 0.1s linear;
/* ScrollThumb */
}
.scrollbar.vertical {
flex-direction: column;
}
:global(.enact-locale-right-to-left) .scrollbar.horizontal {
direction: ltr;
transform: scaleX(-1);
}
.scrollbar.corner {
-webkit-padding-end: 0.125rem;
}
.scrollbar .thumbShown {
opacity: 1;
}