tdesign-mobile-vue
Version:
tdesign-mobile-vue
92 lines (84 loc) • 3.54 kB
text/less
@import "../../base.less";
@countdown-primary-color: @error-color;
// digit font-weight
@countdown-digit-font-weight: 700;
// unit font-weight
@countdown-unit-font-weight: 700;
// unit font-weight splitWidthUnit={true}
@countdown-unit-font-weight-split-with-unit: 400;
// digit font-size
// theme="default"
@countdown-digit-font-size-default-small: @font-size-base;
@countdown-digit-font-size-default-medium: @font-size-l;
@countdown-digit-font-size-default-large: @font-size-xl;
// theme="default" && splitWidthUnit={true}
@countdown-digit-font-size-default-split-with-unit-small: @font-size-l;
@countdown-digit-font-size-default-split-with-unit-medium: @font-size-xl;
@countdown-digit-font-size-default-split-with-unit-large: calc(@font-size * 2);
// theme="square"
@countdown-digit-font-size-square-small: @font-size-s;
@countdown-digit-font-size-square-medium: @font-size-base;
@countdown-digit-font-size-square-large: @font-size-l;
// theme="round"
@countdown-digit-font-size-round-small: @font-size-s;
@countdown-digit-font-size-round-medium: @font-size-base;
@countdown-digit-font-size-round-large: @font-size-l;
// digit padding
// theme="square"
@countdown-digit-padding-square-small: 0 3px;
@countdown-digit-padding-square-medium: 0 4px;
@countdown-digit-padding-square-large: 0 5px;
// theme="round"
@countdown-digit-padding-round-small: 0 3px;
@countdown-digit-padding-round-medium: 0 4px;
@countdown-digit-padding-round-large: 0 5px;
// digit border-radius
// theme="square"
@countdown-digit-border-radius-square-small: @radius-small;
@countdown-digit-border-radius-square-medium: @radius-small;
@countdown-digit-border-radius-square-large: calc(@radius-small + 2px);
// theme="round"
@countdown-digit-border-radius-round: @radius-circle;
// digit size
// theme="square"
@countdown-digit-size-square-small: 20px;
@countdown-digit-size-square-medium: 24px;
@countdown-digit-size-square-large: 28px;
// theme="round"
@countdown-digit-size-radius-round-small: 20px;
@countdown-digit-size-radius-round-medium: 24px;
@countdown-digit-size-radius-round-large: 28px;
// unit font-size
// theme="default"
@countdown-unit-font-size-default-small: @font-size-s;
@countdown-unit-font-size-default-medium: @font-size-base;
@countdown-unit-font-size-default-large: @font-size-l;
// theme="square"
@countdown-unit-font-size-square-small: @font-size-base;
@countdown-unit-font-size-square-medium: @font-size-l;
@countdown-unit-font-size-square-large: @font-size-xl;
// theme="round"
@countdown-unit-font-size-round-small: @font-size-base;
@countdown-unit-font-size-round-medium: @font-size-l;
@countdown-unit-font-size-round-large: @font-size-xl;
// splitWidthUnit={true}
@countdown-unit-font-size-split-with-unit-small: @font-size-xs;
@countdown-unit-font-size-split-with-unit-medium: @font-size-s;
@countdown-unit-font-size-split-with-unit-large: @font-size-base;
// unit width
// theme="default"
@countdown-unit-padding-default-small: 0 2px;
@countdown-unit-padding-default-medium: 0 3px;
@countdown-unit-padding-default-large: 0 4px;
// theme="square"
@countdown-unit-padding-square-small: 0 4px;
@countdown-unit-padding-square-medium: 0 5px;
@countdown-unit-padding-square-large: 0 6px;
// theme="round"
@countdown-unit-padding-round-small: 0 4px;
@countdown-unit-padding-round-medium: 0 5px;
@countdown-unit-padding-round-large: 0 6px;
// splitWidthUnit={true}
@countdown-unit-padding-split-with-unit-small: 0 4px;
@countdown-unit-padding-split-with-unit-medium: 0 5px;
@countdown-unit-padding-split-with-unit-large: 0 6px;