@mixin select-item($size-class, $item-class) {
  .#{$item-class} {
    margin: 0;
    line-height: normal;
    padding: 7px 12px;
    // margin-right: 5px;
    clear: both;
    color: $text-color;

    @include theme-color($__common-select-item_font-color);
    font-size: $mixin-select-item-font-size;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background $transition-time $ease-in-out;

    @include structure-font-size($__select-default_font-size, 0);

    &:hover {
      background: $background-color-select-hover;

      @include theme-background-color($__common-select-item_hover_background-color);
    }

    &-focus {
      background: $background-color-select-hover;

      @include theme-background-color($__common-select-item_focus_background-color);
    }

    &-disabled {
      color: $btn-disable-color;

      @include theme-color($__common-select-item_disabled_font-color);
      cursor: $cursor-disabled;

      &:hover {
        color: $btn-disable-color;

        @include theme-color($__common-select-item_disabled-hover_font-color);
        background-color: #fff;

        @include theme-background-color($__common-select-item_disabled-hover_background-color);
        cursor: $cursor-disabled;
      }
    }

    &-selected,
    &-selected:hover {
      color: $selected-color;

      @include theme-color($__common-select-item_selected-hover_font-color);
      // color: #fff;
      // background: $selected-color;
      @include theme-background-color($__common-select-item_selected-hover_background-color);
    }

    &-selected &-focus {
      background: shade($selected-color, 10%);

      @include theme-background-color($__common-select-item_selected-focus_background-color);
    }

    &-divided {
      margin-top: 5px;
      border-top: 1px solid $border-color-split;

      @include theme-border-top-color($__common-select-item-divided_border-top-color);

      &::before {
        content: "";
        height: 5px;
        display: block;
        //margin: 0 -16px;
        background-color: #fff;

        @include theme-background-color($__common-select-item-divided_background-color);
        position: relative;
        top: -7px;
      }
    }
  }
  .#{$item-class}-checkbox {
    margin-right: 3px;
  }

  .#{$size-class}-large .#{$item-class} {
    padding: 7px 16px 8px;
    font-size: $font-size-base;

    @include structure-font-size($__select-default_font-size, 2);
  }
}