@import './common/var.scss';
.es-layout {
  height: 100%;
  position: relative;
  transition: height 200ms ease;
  .es-layout-item {
    position: absolute;
    padding: 6px;
    touch-action: none;
    user-select: none;
    &.es-dragging {
      z-index: 3;
    }
    .es-card {
      width: 100%;
      height: 100%;
    }
    .es-layout-resizable {
      width: 20px;
      height: 20px;
      position: absolute;
      right: 6px;
      bottom: 6px;
      z-index: 9999;
      cursor: se-resize;
    }
    .es-layout-resizable-width {
      width: 10px;
      position: absolute;
      top: 6px;
      right: 6px;
      bottom: 6px;
      z-index: 9998;
      cursor: e-resize;
    }
    .es-layout-resizable-height {
      height: 10px;
      position: absolute;
      left: 6px;
      right: 6px;
      bottom: 6px;
      z-index: 9998;
      cursor: s-resize;
    }
  }
}
