// flex布局

$flex-directions: row, row-reverse, column, column-reverse;
@each $v in $flex-directions {
  .flex-#{$v} {
    @include flex($v);
  }
}

$justify-content: start, end, center, between, around, evenly;
@each $v in $justify-content {
  .justify-#{$v} {
    @if ($v == 'start') {
      justify-content: flex- + $v;
    } @else if($v == 'start') {
      justify-content: flex- + $v;
    } @else {
      justify-content: $v;
    }
  }
}

$align-items: start, end, center, baseline, stretch;
@each $v in $align-items {
  .items-#{$v} {
    @if ($v == 'start') {
      align-items: flex- + $v;
    } @else if($v == 'start') {
      align-items: flex- + $v;
    } @else {
      align-items: $v;
    }
  }
}