yyzone
Version:
yyzone vue components and utils
68 lines (58 loc) • 1.67 kB
text/less
.select-item(@size-class, @item-class) {
.@{item-class} {
margin: 0;
line-height: normal;
padding: 7px 16px;
clear: both;
color: @yy-text-primary-color;
font-size: @yy-font-size-small ;
white-space: nowrap;
list-style: none;
transition: background @yy-transition-time @yy-ease-in-out;
cursor: pointer;
&:hover{
background: @yy-select-hover-bg;
}
&-focus {
background: @yy-select-hover-bg;
}
&-disabled {
color: @yy-btn-disable-color;
cursor: not-allowed;
&:hover {
color: @yy-btn-disable-color;
background-color: #fff;
cursor: not-allowed;
}
}
&-selected ,&-selected:hover{
color: @yy-primary-color;
background: @yy-select-selected-bg;
}
&-selected&-focus {
background: shade(@yy-select-selected-bg, 10%);
}
&-divided{
margin-top: 5px;
border-top: 1px solid @yy-border-color-base;
&:before{
content: '';
height: 5px;
display: block;
margin: 0 -16px;
background-color: #fff;
position: relative;
top: -7px;
}
}
}
.@{size-class}-large .@{item-class} {
padding: 7px 16px 8px;
font-size: @yy-font-size-large ;
}
@-moz-document url-prefix() {
.@{item-class} {
white-space: normal;
}
}
}