.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); &: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; } }