tdesign-mobile-vue
Version:
tdesign-mobile-vue
28 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-size: var(--td-picker-button-font-size, 16px);
@picker-title-font-size: var(--td-picker-title-font-size, 18px);
@picker-title-font-weight: var(--td-picker-title-font-weight, 600);
@picker-title-line-height: var(--td-picker-title-line-height, 26px);
@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%, .92));
@picker-mask-color-bottom: var(--td-picker-mask-color-bottom, hsla(0, 0%, 100%, .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);