overflow.scss 866 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. @import "vars";
  2. @import "mixins";
  3. .overflow-hidden {
  4. overflow: hidden;
  5. }
  6. .overflow-scroll {
  7. overflow-y: scroll;
  8. overflow-x: scroll;
  9. }
  10. .overflow-y-scroll {
  11. overflow-y: scroll;
  12. overflow-x: hidden;
  13. }
  14. .overflow-x-scroll {
  15. overflow-y: hidden;
  16. overflow-x: scroll;
  17. }
  18. .fit {
  19. position: absolute !important;
  20. width: auto;
  21. height: auto;
  22. right: 0px;
  23. left: 0px;
  24. top: 0px;
  25. bottom: 0px;
  26. }
  27. .overflow-scroll,
  28. .overflow-hidden,
  29. .overflow-x-scroll,
  30. .overflow-y-scroll {
  31. -webkit-overflow-scrolling: touch;
  32. &::-webkit-scrollbar {
  33. width: 0px;
  34. height: 0px;
  35. }
  36. &::-webkit-scrollbar-corner,::-webkit-scrollbar {
  37. background-color: rgba(0,0,0,0);
  38. }
  39. &::-webkit-scrollbar-thumb {
  40. border-radius: 4px;
  41. background-color: rgba(255,255,255,0.1);
  42. -webkit-background-clip: padding-box;
  43. border: 0px solid transparent;
  44. }
  45. }