tdesign-mobile-vue
Version:
tdesign-mobile-vue
29 lines (21 loc) • 1.41 kB
text/less
@picker: ~'@{prefix}-picker';
@item: ~'@{picker}-item';
@picker-border-radius: var(--td-picker-border-radius, 12px);
@picker-toolbar-height: var(--td-picker-toolbar-height, 58px);
@picker-cancel-color: var(--td-picker-cancel-color, @text-color-secondary);
@picker-confirm-color: var(--td-picker-confirm-color, @brand-color);
@picker-button-font: var(--td-picker-button-font, @font-body-large);
@picker-title-font: var(--td-picker-title-font, @font-title-large);
@picker-title-color: var(--td-picker-title-color, @text-color-primary);
@picker-item-height: var(--td-picker-item-height, 40px);
@picker-bg-color: var(--td-picker-bg-color, @bg-color-container);
@picker-mask-color-top: var(--td-picker-mask-color-top, hsla(0, 0%, 100%, 0.92));
@picker-mask-color-bottom: var(--td-picker-mask-color-bottom, hsla(0, 0%, 100%, 0.4));
@picker-indicator-bg-color: var(--td-picker-indicator-bg-color, @bg-color-secondarycontainer);
@picker-indicator-border-radius: var(--td-picker-indicator-border-radius, 6px);
@picker-group-height: var(--td-picker-group-height, 200px);
@picker-item-height: var(--td-picker-item-height, 40px);
@picker-item-color: var(--td-picker-item-color, @text-color-secondary);
@picker-item-active-color: var(--td-picker-item-active-color, @text-color-primary);
@picker-item-disabled-color: var(--td-picker-item-disabled-color, @text-color-disabled);
@picker-item-active-font-weight: 600;