acud/es/style/themes/default/components/select.less

acg react 组件库

@import '../config.less';

// select selector
@select-default-tp: tp4;
@select-default-p: p5;

// selector selected item
@select-selecter-selected-tp: tp8;

// select dropdown
@select-dropdown-default-tp: tp6;
@select-dropdown-default-p: p6;
@select-dropdown-shadow: shadow-1;

// multiple item
@select-multiple-item-default-tp: tp8;
@select-multiple-item-default-p: p8;
@select-multiple-item-close-default-tp: tp24;

// clear icon
@select-clear-icon-tp: tp9;
@select-clear-icon-p: p9;

// group
@select-item-group-tp: tp8;

// 字体
@select-font-size-base: @T2;

@select-border-width: 1px;

@select-single-item-height-lg: 14px;

@select-input-padding-horizontal-base: 12px;

@select-input-height-base: 32px;

@select-input-placeholder-color: ~'@{@{select-default-tp}-default-color}';

@select-input-padding-horizontal-sm: 12px;

@select-input-padding-horizontal-lg: 12px;
@select-input-padding-horizontal: 12px;

@select-input-padding-vertical-base: 5px;

@select-multiple-item-spacing-half: 0;

@select-multiple-disabled-background: ~'@{@{select-default-p}-disabled-background-color}';

@select-multiple-item-height: 24px;

@select-font-size-sm: 16px;

@select-clear-font-size: 20px;

@control-padding-horizontal: 12px;

@select-multiple-control-padding-horizontal: 12px;

@padding-xs: 12px;

@text-color-secondary: ~'@{@{select-default-tp}-default-color}';

@icon-color-hover: ~'@{@{select-default-tp}-default-color}';

@select-input-padding-horizontal: 5px;

@select-multiple-input-left-padding: 4px;
@select-multiple-input-right-padding: 12px;

@select-multiple-item-height-lg: 32px;

@dropdown-edge-child-vertical-padding: 4px;

@select-disabled-color: ~'@{@{select-default-tp}-default-color}';

@select-clear-background: ~'@{@{select-clear-icon-p}-default-background-color}';

@zindex-dropdown: 1050;

@select-dropdown-height: 32px;

@select-dropdown-vertical-padding: 5px;

@select-dropdown-font-size: 12px;

@select-dropdown-line-height: 22px;

@select-item-selected-font-weight: 800;

@select-primary-color: ~'@{@{select-dropdown-default-tp}-default-color}';

@font-size-lg: 14px;

@select-input-height-lg: 32px;
@select-input-height-sm: 32px;

@select-arrow-right: 12px;

@select-single-selector-padding: 0 40px 0 12px;

@selection-item-right-padding: 0;

@select-clear-right: 28px;

@select-selector-border-radius: @R3;