@aplus-frontend/ui/theme/ap-draggable-grid/ap-draggable-grid.less

@import '../mixins/mixins.less';
@import '../mixins/config.less';

.b('ap-draggable-grid', {
  display: grid;
  grid-template-columns: repeat(24, 1fr); /* 固定24列布局 */
  width: 100%;
  box-sizing: border-box;
  &__item{
    background: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #fff;
  }
  &--canDrag {
    cursor: pointer;
    &:hover{
      border: 1px solid #66a9ff;
    }
  }
  &--dragging {
    cursor: move;
    z-index: 100;
    opacity: 1;
  }
  &__dragging {
    opacity: 0;
    z-index: 999;
  }
  &__overlay {
    border: 1px solid #66a9ff;
  }
});
.b('ap-draggable-grid-loading',{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding:20px;
});