ten-design-vue
Version:
ten-vue
48 lines (38 loc) • 766 B
text/less
/* dependencies popup */
@import "../vars.less";
.ten-dropdown {
box-shadow: @shadow-level-2;
max-height: 400px;
overflow-y: auto;
background: #fff;
&.ten-popup {
padding: 0;
}
&__content {
&--align-center {
text-align: center;
}
&--align-right {
text-align: right;
}
&-item {
padding: 13px 10px;
line-height: 22px;
cursor: pointer;
outline: none;
&--selected {
color: @primary-color;
}
&--divided {
border-top: @border-main-2;
}
&--disabled {
color: @disabled-color;
cursor: not-allowed;
}
&:hover:not(&--disabled), &:focus:not(&--disabled) {
background: @primary-color-ligher-7;
}
}
}
}