Scrollable.less 687 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. // Scrollbar
  2. .@{prefix}-scrollbar {
  3. position: absolute;
  4. width: 7px;
  5. height: 100%;
  6. top: 2px;
  7. right: 2px;
  8. .opacity(0.4);
  9. }
  10. .@{prefix}-scrollbar-h {
  11. top: auto;
  12. right: auto;
  13. left: 2px;
  14. bottom: 2px;
  15. width: 100%;
  16. height: 7px;
  17. }
  18. .@{prefix}-scrollbar-thumb {
  19. position: absolute;
  20. background-color: #000;
  21. border: 1px solid #888;
  22. border-color: rgba(85, 85, 85, .6);
  23. width: 5px;
  24. height: 100%;
  25. .border-radius(7px);
  26. }
  27. .@{prefix}-scrollbar-h .@{prefix}-scrollbar-thumb {
  28. width: 100%;
  29. height: 5px;
  30. }
  31. .@{prefix}-scrollbar:hover, .@{prefix}-scrollbar.@{prefix}-active {
  32. background-color: #AAA;
  33. .opacity(0.6);
  34. .border-radius(7px);
  35. }
  36. .@{prefix}-scroll {
  37. position: relative;
  38. }