react-antd-cssvars/dist/styles/select.less

A minimal cssvars antd module

@select-prefix: ~"@{ant-prefix}-select";

.@{select-prefix} {
	color: @antd-text-color;
}

.@{select-prefix}:not(.@{select-prefix}-disabled):hover .@{select-prefix}-selector {
	border-color: @antd-primary-color;
}

.@{select-prefix}-focused:not(.@{select-prefix}-disabled).@{select-prefix}:not(.@{select-prefix}-customize-input) .@{select-prefix}-selector {
	border-color: @antd-primary-color;
	box-shadow:  0 0 0 2px @antd-box-shadow-color;
}

.@{select-prefix}-item-option-active:not(.@{select-prefix}-item-option-disabled) {
	background-color: @antd-background-hover;
}

.@{select-prefix}-item-option-selected:not(.@{select-prefix}-item-option-disabled) {
	color: @antd-text-color;
	background-color: @antd-background-selected;
}


.@{select-prefix}:not(.@{select-prefix}-customize-input) .@{select-prefix}-selector {
	background-color: @antd-text-color-inv;
	border: 1px solid @antd-border-color;
}

.@{select-prefix}-dropdown {
	color: @antd-text-color;
}
.@{select-prefix}-arrow,
.@{select-prefix}-selection-placeholder {
	color: @antd-description-color;
}

.rc-virtual-list-holder-inner {
	.@{select-prefix}-item {
		color: @antd-text-color;
	}
}