@jecloud/ui/es/color/style/index.less

JECloud UI库，基于ant-design-vue封装

.je-color{
  .color-button{
    color: @text-color-secondary;
    cursor: pointer;
    transition: all 0.3s;
    &:hover {
      color: @input-icon-hover-color;
    }
  }
  .color-icon{
    width: 14px;
    height: 14px;
    border:1px solid transparent;
    &-empty{
      color: @text-color-secondary;
      font-size: 16px;
    }
  }
  &&-mini{
    display: inline-block;
    width: 100%;
    min-width: 0;
    color: @input-color;
    font-size: @font-size-base;
    line-height: @line-height-base;
    .color-text{
      margin-left: 4px;
    }
    .color-wrapper{
      cursor: pointer;
      display: inline-flex;
      align-items: center;
    }
  }
}
.je-color-picker{
  background-color: @component-background;
  .pcr-interaction .pcr-save{
    background-color: @primary-color;
    &:focus{
      box-shadow:none;
    }
  }
  .pcr-interaction .pcr-result{
    background-color: @input-bg;
    border: 1px solid @input-border-color;
    &:focus{
      box-shadow:none;
    }
  }
  
}