simplebar.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. /*!
  2. *
  3. * SimpleBar.js - v2.6.1
  4. * Scrollbars, simpler.
  5. * https://grsmto.github.io/simplebar/
  6. *
  7. * Made by Adrien Grsmto from a fork by Jonathan Nicol
  8. * Under MIT License
  9. *
  10. */
  11. [data-simplebar] {
  12. position: relative;
  13. z-index: 0;
  14. overflow: hidden!important;
  15. max-height: inherit;
  16. -webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */
  17. }
  18. [data-simplebar="init"] {
  19. display: -webkit-box;
  20. display: -ms-flexbox;
  21. display: flex;
  22. }
  23. .simplebar-scroll-content {
  24. overflow-x: hidden!important;
  25. overflow-y: scroll;
  26. min-width: 100%!important;
  27. max-height: inherit!important;
  28. -webkit-box-sizing: content-box!important;
  29. box-sizing: content-box!important;
  30. }
  31. .simplebar-content {
  32. overflow-y: hidden!important;
  33. overflow-x: scroll;
  34. -webkit-box-sizing: border-box!important;
  35. box-sizing: border-box!important;
  36. min-height: 100%!important;
  37. }
  38. .simplebar-track {
  39. z-index: 1;
  40. position: absolute;
  41. right: 0;
  42. bottom: 0;
  43. width: 11px;
  44. }
  45. .simplebar-scrollbar {
  46. position: absolute;
  47. right: 2px;
  48. width: 7px;
  49. min-height: 10px;
  50. }
  51. .simplebar-scrollbar:before {
  52. position: absolute;
  53. content: "";
  54. background: black;
  55. border-radius: 7px;
  56. left: 0;
  57. right: 0;
  58. opacity: 0;
  59. -webkit-transition: opacity 0.2s linear;
  60. transition: opacity 0.2s linear;
  61. }
  62. .simplebar-track:hover .simplebar-scrollbar:before,
  63. .simplebar-track .simplebar-scrollbar.visible:before {
  64. /* When hovered, remove all transitions from drag handle */
  65. opacity: 0.5;
  66. -webkit-transition: opacity 0 linear;
  67. transition: opacity 0 linear;
  68. }
  69. .simplebar-track.vertical {
  70. top: 0;
  71. }
  72. .simplebar-track.vertical .simplebar-scrollbar:before {
  73. top: 2px;
  74. bottom: 2px;
  75. }
  76. .simplebar-track.horizontal {
  77. left: 0;
  78. width: auto;
  79. height: 11px;
  80. }
  81. .simplebar-track.horizontal .simplebar-scrollbar:before {
  82. height: 100%;
  83. left: 2px;
  84. right: 2px;
  85. }
  86. .horizontal.simplebar-track .simplebar-scrollbar {
  87. right: auto;
  88. top: 2px;
  89. height: 7px;
  90. min-height: 0;
  91. min-width: 10px;
  92. width: auto;
  93. }