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

tdesign-mobile-vue

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

@cascader-bg-color: var(--td-cascader-bg-color, @bg-color-container);
@cascader-active-color: var(--td-cascader-active-color, @brand-color);
@cascader-disabled-color: var(
  --td-cascader-disabled-color,
  @text-color-disabled
);
@cascader-title-color: var(--td-cascader-title-color, @text-color-primary);
@cascader-options-title-color: var(
  --td-cascader-options-title-color,
  @text-color-placeholder
);
@cascader-border-color: var(--td-cascader-border-color, @component-stroke);

@cascader-options-height: var(--td-cascader-options-height, 320px);
@cascder-title-font-size: var(--td-cascder-title-font-size, 18px);

// steps
@cascader-step-height: var(--td-cascader-step-height, 44px);
@cascader-step-dot-size: var(--td-cascader-step-dot-size, 8px);
@cascader-step-arrow-color: var(
  --td-cascader-step-arrow-color,
  @text-color-placeholder
);