@import '../../style/constants.less';

.@{yw-prefix}-flex {
  &.display-flex {
    display: flex;
  }

  &.display-inline-flex {
    display: inline-flex;
  }

  &.direction-column {
    flex-direction: column;
  }

  &.direction-row {
    flex-direction: row;
  }

  &.direction-column-reverse {
    flex-direction: column-reverse;
  }

  &.direction-row-reverse {
    flex-direction: row-reverse;
  }

  &.align-items-start {
    align-items: flex-start;
  }

  &.align-items-center {
    align-items: center;
  }

  &.align-items-end {
    align-items: flex-end;
  }

  &.align-content-start {
    align-content: flex-start;
  }

  &.align-content-center {
    align-content: center;
  }

  &.align-content-end {
    align-content: flex-end;
  }

  &.justify-content-start {
    justify-content: flex-start;
  }

  &.justify-content-center {
    justify-content: center;
  }

  &.justify-content-end {
    justify-content: flex-end;
  }

  &.wrap {
    flex-wrap: wrap;
  }

  &.wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  &.flex-auto {
    flex: 1;
  }
}