fancy-scrollbar.styl 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .fancy-scrollbar
  2. -webkit-overflow-scrolling: touch
  3. .fancy-scrollbar::-webkit-scrollbar
  4. height: 9px
  5. width: 9px
  6. &::-webkit-scrollbar-button:start:decrement,
  7. &::-webkit-scrollbar-button:end:increment
  8. background: transparent
  9. display: none
  10. &::-webkit-scrollbar-track-piece
  11. background: #dbdbdb
  12. &:vertical:start
  13. border-top-left-radius: 5px
  14. border-top-right-radius: 5px
  15. border-bottom-right-radius: 0
  16. border-bottom-left-radius: 0
  17. &:vertical:end
  18. border-top-left-radius: 0
  19. border-top-right-radius: 0
  20. border-bottom-right-radius: 5px
  21. border-bottom-left-radius: 5px
  22. &:horizontal:start
  23. border-top-left-radius: 5px
  24. border-top-right-radius: 0
  25. border-bottom-right-radius: 0
  26. border-bottom-left-radius: 5px
  27. &:horizontal:end
  28. border-top-left-radius: 0
  29. border-top-right-radius: 5px
  30. border-bottom-right-radius: 5px
  31. border-bottom-left-radius: 0
  32. &::-webkit-scrollbar-thumb:vertical,
  33. &::-webkit-scrollbar-thumb:horizontal
  34. background: #c2c2c2
  35. border-radius: 5px
  36. display: block
  37. height: 50px