@vuesax-alpha/nightly
Version:
A Component Library for Vue 3
1 lines • 1.51 kB
CSS
.vs-scrollbar{--vs-scrollbar-thumb-opacity:0.7;--vs-scrollbar-thumb-hover-opacity:1;--vs-scrollbar-thumb-color:var(--vs-gray-3);--vs-scrollbar-bar-color:var(--vs-gray-2)}.vs-scrollbar{overflow:hidden;position:relative;height:100%}.vs-scrollbar__wrap{overflow:auto;height:100%}.vs-scrollbar__wrap--hidden-default{scrollbar-width:none}.vs-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.vs-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(var(--vs-scrollbar-thumb-color),1);transition:background-color var(--vs-transition-duration) var(--vs-transition-function-ease);opacity:var(--vs-scrollbar-thumb-opacity)}.vs-scrollbar__thumb:active,.vs-scrollbar__thumb:hover{background-color:rgba(var(--vs-scrollbar-thumb-color),1);opacity:var(--vs-scrollbar-thumb-hover-opacity)}.vs-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px}.vs-scrollbar__bar.highlight,.vs-scrollbar__bar:hover{background-color:rgba(var(--vs-scrollbar-thumb-color),.15);transition:background-color var(--vs-transition-duration-fast) linear}.vs-scrollbar__bar.is-vertical{top:2px}.vs-scrollbar__bar.is-vertical>div{width:100%}.vs-scrollbar__bar.is-horizontal{left:2px}.vs-scrollbar__bar.is-horizontal>div{height:100%}.vs-scrollbar-fade-enter-active{transition:opacity 340ms ease-out}.vs-scrollbar-fade-leave-active{transition:opacity 120ms ease-out}.vs-scrollbar-fade-enter-from,.vs-scrollbar-fade-leave-active{opacity:0}