@import "./element-ui/common/var";
@import "./element-ui/mixins/utils";
@import "./element-ui/mixins/mixins";

@mixin split() {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: 14px;
  top: calc(50% - 7px);
  background: rgba(0, 0, 0, 0.09);
}

@include b(table-extend) {
  @include utils-clearfix;

  @include e(pager) {
    float: right;
    margin-top: 20px;
  }
}
@include b(table-extend-control) {
  .cell {
    white-space: nowrap;
    word-break: keep-all;
    line-height: 32px;

    & > .el-button:first-child {
      padding-right: 8px;
    }

    & > .el-button:nth-child(2) {
      position: relative;
      &::after {
        @include split();
        left: -9px;
      }
    }

    .el-dropdown {
      padding-left: 4px;

      &::after {
        @include split();
        left: -4px;
      }
    }
  }
}