vue-amazing-ui/lib/scrollbar/Scrollbar.css

An Amazing Vue3 UI Components Library, Using TypeScript.

.m-scrollbar[data-v-f39a8203]{overflow:hidden;position:relative;z-index:auto;height:100%;width:100%}.m-scrollbar .scrollbar-container[data-v-f39a8203]{width:100%;height:100%;min-height:inherit;max-height:inherit;scrollbar-width:none}.m-scrollbar .scrollbar-container[data-v-f39a8203]::-webkit-scrollbar,.m-scrollbar .scrollbar-container[data-v-f39a8203]::-webkit-scrollbar-track-piece,.m-scrollbar .scrollbar-container[data-v-f39a8203]::-webkit-scrollbar-thumb{width:0;height:0;display:none}.m-scrollbar .scrollbar-container .scrollbar-content[data-v-f39a8203]{box-sizing:border-box;min-width:100%}.m-scrollbar .container-scroll[data-v-f39a8203]{overflow:scroll}.m-scrollbar .scrollbar-rail[data-v-f39a8203]{position:absolute;pointer-events:none;user-select:none;background:var(--scrollbar-rail-color);-webkit-user-select:none}.m-scrollbar .scrollbar-rail .scrollbar-track[data-v-f39a8203]{z-index:9;position:absolute;cursor:pointer;opacity:0;pointer-events:none;background-color:var(--scrollbar-color);transition:background-color .2s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.m-scrollbar .scrollbar-rail .scrollbar-track[data-v-f39a8203]:hover{background-color:var(--scrollbar-color-hover)}.m-scrollbar .scrollbar-rail .track-visible[data-v-f39a8203]{opacity:1;pointer-events:all}.m-scrollbar .rail-vertical[data-v-f39a8203]{width:var(--scrollbar-width)}.m-scrollbar .rail-vertical .scrollbar-track[data-v-f39a8203]{width:var(--scrollbar-width);border-radius:var(--scrollbar-border-radius);bottom:0}.m-scrollbar .rail-vertical-left[data-v-f39a8203]{inset:var(--scrollbar-rail-vertical-left)}.m-scrollbar .rail-vertical-right[data-v-f39a8203]{inset:var(--scrollbar-rail-vertical-right)}.m-scrollbar .rail-horizontal[data-v-f39a8203]{height:var(--scrollbar-height)}.m-scrollbar .rail-horizontal .scrollbar-track[data-v-f39a8203]{height:var(--scrollbar-height);border-radius:var(--scrollbar-border-radius);right:0}.m-scrollbar .rail-horizontal-top[data-v-f39a8203]{inset:var(--scrollbar-rail-horizontal-top)}.m-scrollbar .rail-horizontal-bottom[data-v-f39a8203]{inset:var(--scrollbar-rail-horizontal-bottom)}.m-scrollbar .scrollbar-thumb[data-v-f39a8203]{position:absolute;background-color:#00000080;transition:background-color .2s cubic-bezier(.4,0,.2,1)}