tdesign-mobile-vue
Version:
tdesign-mobile-vue
21 lines (19 loc) • 1.28 kB
text/less
@slider: ~'@{prefix}-slider';
@slider-text-color: var(--td-slider-text-color, @text-color-primary);
@slider-bar-width: var(--td-slider-bar-width, 4px);
@slider-bar-height: var(--td-slider-bar-height, 4px);
@slider-dot-bg-color: var(--td-slider-dot-bg-color, #fff);
@slider-dot-disabled-bg-color: var(--td-slider-dot-disabled-bg-color, #fff);
@slider-dot-size: var(--td-slider-dot-size, 20px);
@slider-dot-border-color: var(--td-slider-dot-color, @component-border);
@slider-dot-disabled-border-color: var(--td-slider-dot-disabled-border-color, #f3f3f3);
@slider-default-color: var(--td-slider-default-color, @bg-color-component);
@slider-default-disabled-color: var(--td-slider-default-color, @bg-color-component-disabled);
@slider-active-color: var(--td-slider-active-color, @brand-color);
@slider-active-disabled-color: var(--td-slider-disabled-color, @brand-color-disabled);
@slider-disabled-text-color: var(--td-slider-disabled-text-color, @text-color-disabled);
// capsule
@slider-capsule-bar-width: var(--td-slider-capsule-bar-width, 24px);
@slider-capsule-bar-height: var(--td-slider-capsule-bar-height, 24px);
@slider-capsule-bar-color: var(--td-slider-capsule-bar-color, @bg-color-component);
@slider-capsule-line-height: var(--td-slider-capsule-line-height, 18px);