split-pane-react-test/esm/themes/default.css

Resizable split panes for React.js.

.react-split {
  flex: 1;
  height: 100%;
  position: relative;
  width: 100%;
}
.react-split__pane {
  height: 100%;
  position: absolute;
  white-space: normal;
  width: 100%;
  overflow: hidden;
}
.react-split__sash {
  height: 100%;
  position: absolute;
  top: 0;
  transition: background-color 0.1s;
  width: 100%;
  z-index: 2;
}
.react-split__sash--disabled {
  pointer-events: none;
}
.react-split__sash--vertical {
  cursor: col-resize;
}
.react-split__sash--horizontal {
  cursor: row-resize;
}
.react-split--dragging .react-split__pane {
  pointer-events: none;
  user-select: none;
}
.react-split--dragging.react-split--vertical {
  cursor: col-resize;
}
.react-split--dragging.react-split--horizontal {
  cursor: row-resize;
}

.react-split__sash--hover {
  background-color: #175ede;
}