ten-design-vue/lib/theme/components/dropdown.less

ten-vue

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

}