@aplus-frontend/ui/theme/text/index.less

@import '../mixins/mixins.less';
@import '../mixins/config.less';

.b(ap-text, {
  .reset-component();
  display: flex;
  align-items: baseline;
  &--vertical {
    flex-direction: column;
    align-items: flex-start;
  }
  &--vertical > &__content {
    max-width: 100%;
  }
  &__label {
    display: inline-flex;
    align-items: baseline;
    color: var(--ap-text-color-3);
    &::after {
      content: ':';
      position: relative;
      top: -0.5px;
      margin-inline: 2px 8px;
    }
    &--no-colon {
      &::after {
        content: '';
      }
    }
  }
  &__content {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: baseline;
    &-addon-after {
      margin-left: 4px;
      &:has(span.anticon) {
        line-height: 1;
      }
    }
  }
  span.ant-typography {
    color: var(--ap-text-color-2);
  }
  span.ant-typography.ant-typography-secondary {
    color: var(--ap-text-color-3);
  }
  a.ant-typography {
    color: var(--ap-color-link);
  }
});