tdesign-react/esm/style/web/components/statistic/_var.less

TDesign Component for React

@import "../../base.less";

@statistic-cls: ~"@{prefix}-statistic";

@statistic-text-color: @text-color-secondary;

@statistic-title-font-size: @font-body-medium;
@statistic-title-margin-bottom: @comp-margin-s;

@statistic-value-font-size: var(--td-font-size-headline-medium);
@statistic-value-line-height: var(--td-line-height-headline-medium);
@statistic-value-text-color: @text-color-primary;

@statistic-unit-font-size: @font-size-base;
@statistic-unit-margin-left: @comp-margin-xs;

@statistic-prefix-font-size: @font-size-xl;
@statistic-prefix-margin-right: @comp-margin-s;

@statistic-suffix-font-size: @font-size-xl;
@statistic-suffix-margin-left: @comp-margin-s;

@statistic-extra-margin-top: @spacer-1;

@statistic-font-family: TCloudNumber, -apple-system, BlinkMacSystemFont,
  Segoe UI, Roboto, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei,
  Source Han Sans CN, sans-serif, Apple Color Emoji, Segoe UI Emoji,
  Segoe UI Symbol;