react-resizable-columns/dist/css/resizableColumns.css

resizable columns

#colResizeWrapper {
  width: 100%;
  height: 100%;
  clear: both;
  position: relative; }
  #colResizeWrapper .colResizeLeft {
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: auto; }
  #colResizeWrapper .colResizeRight {
    right: 0;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    border-left: solid 4px transparent; }
  #colResizeWrapper .colResizeFullCol {
    width: 100vw; }
  #colResizeWrapper .colResizeHandle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 8px;
    cursor: w-resize;
    z-index: 1000;
    height: 100%;
    background: #aaaaaa50; }
    #colResizeWrapper .colResizeHandle:hover {
      background: #aaaaaa99;
      width: 12px; }

.demo .topbar {
  position: fixed;
  width: 100%;
  height: 50px;
  z-index: 1000;
  background: #bbb;
  top: 0;
  left: 0; }
.demo .sidebar {
  width: 250px;
  top: 50px;
  height: calc(100vh - 50px);
  background: #ccc;
  float: left; }
.demo .container {
  width: calc(100vw - 300px);
  overflow: hidden;
  margin: 50px auto 0; }
.demo .colResizeHandle {
  background: #00ff0060 !important; }

/*# sourceMappingURL=resizableColumns.css.map */