@import '../../style/themes/index';
@import '../../style/mixins/index';
@import './mixin.less';

@space-prefix-cls: ~'@{ant-prefix}-space';
@space-item-prefix-cls: ~'@{ant-prefix}-space-item';

.@{space-prefix-cls} {
  display: inline-flex;

  &-vertical {
    flex-direction: column;
  }

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

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

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

    &-baseline {
      align-items: baseline;
    }
  }
}

.@{space-item-prefix-cls} {
  line-height: normal;

  &:empty {
    display: none;
  }
}

each({ margin: m; padding: p; }, #(@abbrev, @prop) {
  each(@spacing, #(@size, @name) {
    .space(@abbrev, @name, @prop, @size);
  });
});

// Some special margin utils
.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@import './rtl';