/*
 * @Author: xyzhang 2459941328@qq.com
 * @Date: 2024-05-25 03:35:36
 * @LastEditors: xyzhang 2459941328@qq.com
 * @LastEditTime: 2024-07-23 10:55:56
 * @FilePath: \nutui-4\src\packages\__VUE\space\index.scss
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
.ics-space {
  display: inline-flex;

  &-item {
    flex: none;
  }

  &-vertical {
    flex-direction: column;
    > .ics-space-item {
      &:not(:last-child) {
        margin-bottom: $space-gap;
      }
    }
  }

  &-horizontal {
    flex-direction: row;
    > .ics-space-item {
      &:not(:last-child) {
        margin-right: $space-gap;
      }
    }
    &.ics-space-wrap {
      flex-wrap: wrap;
      margin-bottom: calc(#{$space-gap} * -1);
      > .ics-space-item {
        padding-bottom: $space-gap;
      }
    }
  }

  &-align {
    &-center {
      align-items: center;
    }
    &-start {
      align-items: flex-start;
    }
    &-end {
      align-items: flex-end;
    }
    &-baseline {
      align-items: baseline;
    }
  }

  &-justify {
    &-center {
      justify-content: center;
    }
    &-start {
      justify-content: flex-start;
    }
    &-end {
      justify-content: flex-end;
    }
    &-between {
      justify-content: space-between;
    }
    &-around {
      justify-content: space-around;
    }
    &-evenly {
      justify-content: space-evenly;
    }
    &-stretch {
      justify-content: stretch;
    }
  }

  &-fill {
    display: flex;
    width: 100%;
  }
}