@use "sass:list";

// 24 栅格布局
$colSpanList: 4.16667%, 8.33333%, 12.5%, 16.66667%, 20.83333%, 25%, 29.16667%, 33.33333%,
              37.5%, 41.66667%, 45.83333%, 50%, 54.16667%, 58.33333%, 62.5%, 66.66667%,
              70.83333%, 75%, 79.16667%, 83.33333%, 87.5%, 91.66667%, 95.83333%, 100%;
.vxe-col {
  display: block;
  &.is--ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  &.is--fill {
    flex-grow: 1;
  }
  &:not(.is--fill) {
    flex-shrink: 0;
  }
  &.align--left {
    text-align: left;
  }
  &.align--center {
    text-align: center;
  }
  &.align--right {
    text-align: right;
  }
  @for $i from 0 to list.length($colSpanList) {
    &.span#{$i + 1} {
      width: list.nth($colSpanList, $i + 1);
    }
  }
}
.vxe-col--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}