shu-c-view/packages/theme-default/icon-picker.less

rollup 打包vue@2.7组件库框架

/* icon 图表选择器 */
@icon_dark_bg: rgb(193, 193, 193);

.base-icon-picker {
  .icon-placeolder {
    font-size: 12px;
  }

  .clear-icon {
    cursor: pointer;
  }

  .el-input-group__prepend {
    text-align: center;
  }
}

.base-icon-picker--dark {
  .el-input-group__prepend {
    background-color: @icon_dark_bg;
  }
}

.base-icon-picker-popper {
  max-height: 365px;
  overflow: auto;
  cursor: pointer;

  .icon-tab-outer {
    // width: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 5px;

    svg {
      margin: 10px;
      cursor: pointer;

      &.active,
      &:hover {
        color: rgb(64, 158, 255);
      }
    }
  }

  .font-icon {
    display: inline-block;
    padding: 10px;
  }
}

.icon-tab-outer--dark {
  background-color: @icon_dark_bg;
  border-radius: 4px;
}

.icon__changed--wrapper {
  box-sizing: border-box;
  display: inline-block;
  padding: 4px 7px;
  background-color: @icon_dark_bg;
}

.base-icon-picker__img {
  padding: 0 !important;
}