.color-bar-picker{
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  .bar-select{
    height: 32px;
    border-radius: 4px;
    position: relative;
    background-color: #F7F8FA;
    cursor: pointer;
    .bar-preview{
      padding: 10px 8px;
    }
    .drop-icon{
      position: absolute;
      top: 7px;
      right: 5px;
      transition: all .3s;
    }
  }
  .bar-item{
    padding: 3px 0;
    cursor: pointer;
  }
  .edit-item{
    margin: 8px 0;
    .delete-icon{
      margin: 0 5px;
    }
  }
  .ivu-dropdown{
    display: block;
    .ivu-select-dropdown{
      width: 100%;
    }
    .ivu-dropdown-menu{
      max-height: 200px;
      overflow: auto;
    }
  }
  .color-bar{
    width: 100%;
    height: 14px;
    border: 1px solid #eeeeee;
    .color-item{
      display: inline-block;
      vertical-align: top;
      height: 100%;
    }
  }
}