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

@xaxis-prefix-cls: ~'@{wd-prefix}-xAxis';

.@{xaxis-prefix-cls} {
  &__flex {
    display: flex;
    justify-content: space-between;
  }

  & &__flex > &__item {
    flex: 1;
  }

  &:not(&__flex) &__item {
    position: absolute;
  }

  &__box {
    position: relative;
    min-height: @xaxis-font-height;
  }

  &__item {
    font-size: @xaxis-font-size;
    line-height: @xaxis-font-height;
    color: @xaxis-item-color;
  }

  &__ellipsis {
    overflow: hidden !important;
    span {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      max-width: 100%;
    }
  }
}