zp-bee/es/bee-checkbox/style/index.less

zp-bee，是一款基于 Dumi，由 React + TypeScript 开发的组件库 🎉。

@import '../../style/themes/default.less';

.bee-checkbox-container,
.bee-checkbox-container-checked {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #d8dae2;
  border-radius: 3px;
  position: relative;

  & > p {
    font-size: 12px;
    margin: 0;
    padding: 5px 15px;
  }

  .bee-icon {
    position: absolute;
    opacity: 0;
    right: -1px;
    bottom: -1px;
    width: 0px;
    height: 0px;
    border-bottom: 18px solid rgba(87, 141, 250, 0.1);
    border-left: 20px solid transparent;

    & > span {
      position: relative;
      left: -10px;
      top: -2px;
      color: rgb(23, 85, 192);
      font-size: 8px;
    }
  }

  .bee-icon-checked {
    opacity: 1;
  }
}

.bee-checkbox-container-checked {
  border-color: #1755c0;
  background-color: #ebf6fe;
  color: #1755c0;

  .bee-icon {
    opacity: 1;
  }
}

.bee-checkbox-container[data-disabled='true'] {
  cursor: not-allowed;
  color: #d8dae2;
  border-color: #d8dae2;
}