iview/src/styles/mixins/select.less

47 lines
1.1 KiB
Text
Raw Normal View History

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;
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;
}
}