chenhaodong / mew-iview

  .select-item(@size-class, @item-class) {
      .@{item-class} {
          margin: 0;

          line-height: normal;

          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%);
          }

  
          &-divided{
              margin-top: 5px;
              border-top: 1px solid @border-color-split;
              &: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: @font-size-base !important;
      }

  }