tdesign-mobile-vue/esm/_common/style/mobile/components/count-down/_mixin.less

tdesign-mobile-vue

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

//theme "default"
.theme-default(@size, @digit-font-size, @unit-padding, @unit-font-size) {
  .@{prefix}-countdown--default.@{prefix}-countdown--@{size} {
    .@{prefix}-countdown__digit {
      font-size: @digit-font-size;
    }

    .@{prefix}-countdown__unit {
      padding: @unit-padding;
      font-size: @unit-font-size;
    }
  }
}

//theme "square"
.theme-square(@size, @digit-padding, @digit-border-radius, @digit-font-size, @digit-min-width, @unit-padding, @unit-font-size) {
  .@{prefix}-countdown--square.@{prefix}-countdown--@{size} {
    .@{prefix}-countdown__digit {
      padding: @digit-padding;
      border-radius: @digit-border-radius;
      font-size: @digit-font-size;
      min-width: @digit-min-width;
      line-height: @digit-min-width;
    }

    .@{prefix}-countdown__unit {
      padding: @unit-padding;
      font-size: @unit-font-size;
    }
  }
}

// theme "round"
.theme-round(@size, @digit-padding, @digit-font-size, @digit-min-width, @unit-padding, @unit-font-size) {
  .@{prefix}-countdown--round.@{prefix}-countdown--@{size} {
    .@{prefix}-countdown__digit {
      padding: @digit-padding;
      font-size: @digit-font-size;
      min-width: @digit-min-width;
      line-height: @digit-min-width;
    }

    .@{prefix}-countdown__unit {
      padding: @unit-padding;
      font-size: @unit-font-size;
    }
  }
}

//split-with-unit
.split-with-unit(@size, @unit-padding, @unit-font-size) {
  .@{prefix}-countdown--split-with-unit.@{prefix}-countdown--@{size} {
    .@{prefix}-countdown__unit {
      padding: @unit-padding;
      font-size: @unit-font-size;
    }
  }
}