@use "../mixins/mixins.scss" as *;

@include b(space) {
  display: inline-flex;
  @include e(item) {
    display: flex;
  }
  @include m(horizontal) {
    flex-direction: row;
  }
  @include m(vertical) {
    flex-direction: column;
  }
  @include m(fill) {
    width: 100%;
    @include child-be(space, item) {
      width: 100%;
    }
  }
  @include m(align-center) {
    align-items: center;
    @include child-be(space, item) {
      align-items: center;
    }
  }
  @include m(align-start) {
    align-items: flex-start;
    @include child-be(space, item) {
      align-items: flex-start;
    }
  }
  @include m(align-end) {
    align-items: flex-end;
    @include child-be(space, item) {
      align-items: flex-end;
    }
  }
  @include m(align-end) {
    align-items: flex-end;
    @include child-be(space, item) {
      align-items: flex-end;
    }
  }
  @include m(justify-start) {
    justify-content: flex-start;
    @include child-be(space, item) {
      justify-content: flex-start;
    }
  }
  @include m(justify-center) {
    justify-content: center;
    @include child-be(space, item) {
      justify-content: center;
    }
  }
  @include m(justify-end) {
    justify-content: flex-end;
    @include child-be(space, item) {
      justify-content: flex-end;
    }
  }
  @include m(justify-between) {
    justify-content: space-between;
    @include child-be(space, item) {
      justify-content: space-between;
    }
  }
  @include m(justify-around) {
    justify-content: space-around;
    @include child-be(space, item) {
      justify-content: space-around;
    }
  }
}