@import "../../styles/themes/variable.scss";

#{$xh-prefix}-space {
  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;
    }
  }
}

#{$xh-prefix}-space-item {
  &-rtl {
    direction: rtl;
  }
}