You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

splitpanel.scss 746B

1234567891011121314151617181920212223242526272829303132333435363738
  1. @mixin base-splitpanel($primaryStyleName : v-splitpanel) {
  2. .#{$primaryStyleName}-horizontal,
  3. .#{$primaryStyleName}-vertical {
  4. overflow: hidden;
  5. }
  6. .#{$primaryStyleName}-hsplitter {
  7. width: 6px;
  8. }
  9. .#{$primaryStyleName}-hsplitter div {
  10. width: 6px;
  11. position: absolute;
  12. top: 0;
  13. bottom: 0;
  14. background: #ddd;
  15. cursor: e-resize;
  16. cursor: col-resize;
  17. -ms-touch-action: none;
  18. touch-action: none
  19. }
  20. .v-disabled .#{$primaryStyleName}-hsplitter div {
  21. cursor: default;
  22. }
  23. .#{$primaryStyleName}-vsplitter {
  24. height: 6px;
  25. }
  26. .#{$primaryStyleName}-vsplitter div {
  27. height: 6px;
  28. background: #ddd;
  29. cursor: s-resize;
  30. cursor: row-resize;
  31. -ms-touch-action: none;
  32. touch-action: none;
  33. }
  34. .v-disabled .#{$primaryStyleName}-vsplitter div {
  35. cursor: default;
  36. }
  37. }