virtual-list.scss 609 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. @use 'mixins/mixins' as *;
  2. @use 'common/var' as *;
  3. @mixin showScrollbar {
  4. @include b(virtual-scrollbar) {
  5. opacity: 1;
  6. }
  7. }
  8. @include b(vl) {
  9. @include e(wrapper) {
  10. position: relative;
  11. &:hover {
  12. @include showScrollbar();
  13. }
  14. &.always-on {
  15. @include showScrollbar();
  16. }
  17. }
  18. }
  19. .#{$namespace}-vl__window {
  20. scrollbar-width: none;
  21. &::-webkit-scrollbar {
  22. display: none;
  23. }
  24. }
  25. @include b(virtual-scrollbar) {
  26. opacity: 0;
  27. transition: opacity 340ms ease-out;
  28. &.always-on {
  29. opacity: 1;
  30. }
  31. }
  32. @include b(vg) {
  33. @include e(wrapper) {
  34. position: relative;
  35. }
  36. }