@import '../../styles/default.scss';

.#{$pkg-prefix}-drawer.#{$pkg-prefix}-drawer-draggable {

  &.#{$pkg-prefix}-drawer-right {
    .ant-drawer-content-wrapper {

      &::before {
        content: '';
        width: 4px;
        height: 100%;
        // background-color: red;
        display: block;
        position: absolute;
        left: -2px;
        top: 0;
        z-index: 10;
  
        cursor: col-resize;
      }
    }
  }

  &.#{$pkg-prefix}-drawer-left {
    .ant-drawer-content-wrapper {

      &::before {
        content: '';
        width: 4px;
        height: 100%;
        // background-color: red;
        display: block;
        position: absolute;
        right: -2px;
        top: 0;
        z-index: 10;
  
        cursor: col-resize;
      }
    }
  }

  &.#{$pkg-prefix}-drawer-top {
    .ant-drawer-content-wrapper {

      &::before {
        content: '';
        width: 100%;
        height: 4px;
        // background-color: red;
        display: block;
        position: absolute;
        left: 0;
        bottom: -2px;
        z-index: 10;
  
        cursor: row-resize;
      }
    }
  }

  &.#{$pkg-prefix}-drawer-bottom {
    .ant-drawer-content-wrapper {

      &::before {
        content: '';
        width: 100%;
        height: 4px;
        // background-color: red;
        display: block;
        position: absolute;
        left: 0;
        top: -2px;
        z-index: 10;
  
        cursor: row-resize;
      }
    }
  }
}