2016-11-15 19:17:54 +08:00
|
|
|
.select-item(@size-class, @item-class) {
|
|
|
|
.@{item-class} {
|
|
|
|
margin: 0;
|
|
|
|
padding: 7px 16px;
|
|
|
|
clear: both;
|
|
|
|
color: @text-color;
|
|
|
|
font-size: @font-size-small !important;
|
|
|
|
white-space: nowrap;
|
|
|
|
list-style: none;
|
|
|
|
cursor: pointer;
|
2016-11-27 00:25:19 +08:00
|
|
|
transition: background @transition-time @ease-in-out;
|
2016-11-15 19:17:54 +08:00
|
|
|
|
|
|
|
&:hover{
|
|
|
|
background: @background-color-select-hover;
|
|
|
|
}
|
|
|
|
|
|
|
|
&-focus {
|
|
|
|
background: @background-color-select-hover;
|
|
|
|
}
|
|
|
|
|
|
|
|
&-disabled {
|
|
|
|
color: @btn-disable-color;
|
|
|
|
cursor: @cursor-disabled;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
color: @btn-disable-color;
|
|
|
|
background-color: #fff;
|
|
|
|
cursor: @cursor-disabled;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&-selected ,&-selected:hover{
|
|
|
|
color: #fff;
|
|
|
|
background: @selected-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
&-selected&-focus {
|
|
|
|
background: shade(@selected-color, 10%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.@{size-class}-large .@{item-class} {
|
|
|
|
padding: 7px 16px 8px;
|
|
|
|
font-size: @font-size-base !important;
|
|
|
|
}
|
2016-11-27 00:25:19 +08:00
|
|
|
}
|