tdesign-mobile-vue
Version:
tdesign-mobile-vue
19 lines (17 loc) • 1.14 kB
text/less
@slider: ~"@{prefix}-slider";
@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-size: var(--td-slider-dot-size, 20px);
@slider-dot-color: var(--td-slider-dot-color, @bg-color-secondarycontainer);
@slider-default-color: var(--td-slider-default-color, @bg-color-secondarycomponent);
@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);
@slider-scale-desc-color: var(--td-slider-scale-desc-color, @text-color-primary);
// 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);