tdesign-mobile-vue/esm/_common/style/mobile/components/link/_var.less

tdesign-mobile-vue

// 状态色 - 默认色

@link-default-color: var(
  --td-link-default-color,
  @text-color-primary
); // default 主题默认态颜色
@link-default-active-color: var(
  --td-link-default-active-color,
  @brand-color-active
); // default 主题激活态颜色
@link-default-disabled-color: var(
  --td-link-default-disabled-color,
  @text-color-disabled
); // default 主题禁用态颜色

// 状态色 - 主色
@link-primary-color: var(
  --td-link-primary-color,
  @brand-color
); // primary 主题默认态颜色
@link-primary-active-color: var(
  --td-link-primary-active-color,
  @brand-color-active
); // primary 主题激活态颜色
@link-primary-disabled-color: var(
  --td-link-primary-disabled-color,
  @brand-color-disabled
); // primary 主题禁用态颜色

// 状态色 - 成功
@link-success-color: var(
  --td-link-success-color,
  @success-color
); // success 主题默认态颜色
@link-success-active-color: var(
  --td-link-success-active-color,
  @success-color-active
); // success 主题激活态颜色
@link-success-disabled-color: var(
  --td-link-success-disabled-color,
  @success-color-disabled
); // success 主题禁用态颜色

// 状态色 - 警告
@link-warning-color: var(
  --td-link-warning-color,
  @warning-color
); // warning 主题默认态颜色
@link-warning-active-color: var(
  --td-link-warning-active-color,
  @warning-color-active
); // warning 主题激活态颜色
@link-warning-disabled-color: var(
  --td-link-warning-disabled-color,
  @warning-color-disabled
); // warning 主题禁用态颜色

// 状态色 - 危险
@link-danger-color: var(
  --td-link-danger-color,
  @error-color
); // danger 主题默认态颜色
@link-danger-active-color: var(
  --td-link-danger-active-color,
  @error-color-active
); // danger 主题激活态颜色
@link-danger-disabled-color: var(
  --td-link-danger-disabled-color,
  @error-color-disabled
); // danger 主题禁用态颜色

// 字号
@link-content-small-font-size: 12px;
@link-content-small-line-height: 20px;
@link-icon-small-font-size: 14px;

@link-content-medium-font-size: 14px;
@link-content-medium-line-height: 22px;
@link-icon-medium-font-size: 16px;

@link-content-large-font-size: 16px;
@link-content-large-line-height: 24px;
@link-icon-large-font-size: 18px;

@link-icon-margin: 6px;
@themes: primary, success, warning, default, danger;

@link: ~"@{prefix}-link";