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

@statistic-prefix-cls: ~'@{ant-prefix}-statistic';

.heading-reset() {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    display: inline-block;
    margin: 0 !important;
  }
}

.@{statistic-prefix-cls} {
  .reset-component;
  display: flex;
  flex-direction: column-reverse;
  margin-top: 20px;
  &-title {
    color: @text-color-secondary;
    font-size: @statistic-title-font-size;
  }

  &-content {
    color: @heading-color;
    font-size: @statistic-content-font-size;
    font-family: @statistic-font-family;

    &-value {
      &-decimal {
        // font-size: @statistic-unit-font-size;
      }
      .heading-reset;
    }

    &-prefix,
    &-suffix {
      display: inline-block;
      .heading-reset;
    }

    &-prefix {
      margin-right: 4px;
    }

    &-suffix {
      margin-left: 4px;
      // font-size: @statistic-unit-font-size;
    }
  }
}
