ResizableArea.module.scss 758 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .grw-resizable-area :global {
  2. will-change: width;
  3. }
  4. .grw-resizable-area:not(:global .dragging) {
  5. transition: width 100ms cubic-bezier(0.2, 0, 0, 1) 0s;
  6. }
  7. .grw-navigation-draggable :global {
  8. position: absolute;
  9. top: 0;
  10. bottom: 0;
  11. left: 100%;
  12. .grw-navigation-draggable-hitarea {
  13. position: absolute;
  14. left: -4px;
  15. width: 24px;
  16. height: 100%;
  17. padding: 0;
  18. appearance: none;
  19. cursor: ew-resize;
  20. background: transparent;
  21. border: 0;
  22. }
  23. .grw-navigation-draggable-line {
  24. position: absolute;
  25. left: -1px;
  26. display: none;
  27. width: 3px;
  28. height: 100%;
  29. background-color: rgb(76, 154, 255);
  30. }
  31. }
  32. .grw-navigation-draggable:hover :global {
  33. .grw-navigation-draggable-line {
  34. display: block;
  35. }
  36. }