@opentiny/vue-theme/statistic/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-statistic{--tv-Statistic-font-size:var(--tv-font-size-default, 14px);--tv-Statistic-suffix-font-size:var(--tv-font-size-sm, 12px);--tv-Statistic-title-font-size:var(--tv-font-size-heading-xl, 32px);--tv-Statistic-font-color:var(--tv-color-text, #191919);--tv-Statistic-title-font-weight:var(--tv-font-weight-regular, 400);--tv-Statistic-title-margin-top:20px;--tv-Statistic-description-margin-bottom:24px;--tv-Statistic-title-margin-bottom:20px;--tv-Statistic-title-line-height:var(--tv-line-height-number, 1.5);--tv-Statistic-font-weight:500;--tv-Statistic-prefix-font-weight:500;--tv-Statistic-suffix-font-weight:500;--tv-Statistic-description-font-weight:var(--tv-font-weight-regular, 400);--tv-Statistic-description-font-size:var(--tv-font-size-heading-lg, 24px);width:100%}.tiny-statistic__title{font-size:var(--tv-Statistic-font-size);color:var(--tv-Statistic-font-color);font-weight:var(--tv-Statistic-title-font-weight);line-height:var(--tv-Statistic-title-line-height);margin-bottom:var(--tv-Statistic-title-margin-bottom)}.tiny-statistic__slots{font-weight:var(--tv-Statistic-font-weight);font-size:var(--tv-Statistic-title-font-size);color:var(--tv-Statistic-font-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.tiny-statistic__prefix{font-weight:var(--tv-Statistic-prefix-font-weight);font-size:var(--tv-Statistic-font-size)}.tiny-statistic__description{font-size:var(--tv-Statistic-description-font-size);font-weight:var(--tv-Statistic-description-font-weight)}.tiny-statistic__suffix{margin-left:4px;font-size:var(--tv-Statistic-suffix-font-size);font-weight:var(--tv-Statistic-suffix-font-weight)}.tiny-statistic__description-margin{margin-bottom:var(--tv-Statistic-description-margin-bottom);margin-top:-8px}