@use "mixins/mixins" as *;
@use "common/var" as *;
@use "mixins/function.scss" as *;

@include b(drag-sort) {
  @include e(content) {
    line-height: 32px;
    height: 32px;
    position: relative;
    cursor: pointer;
  }
  @include e(sort-icon) {
    cursor: pointer;
  }
  @include e(close-icon) {
    position: absolute;
    right: -5px;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 32px;
    margin: 6px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  @include e(content-text) {
    display: inline-block;
    padding: 0 12px;
  }
  .sortable_ghost {
    opacity: 0.4;
    background-color: #2878ff;
    color: #fff;
  }
}