@rxflow/base/cjs/components/CollapseButton/index.less

BaseFlow - 核心 Flow 组件库

.rxflow{
  &-collapse {
    position: absolute;
    display: flex;
    top: 50%;
    align-items: center;
    transform: translate3d(0, -50%, 0);

    &-right {
      left: 100%;
      flex-direction: row;
      margin-left: 2px;
    }

    &-right &-vertical {
      left: 3px;
    }

    &-left {
      right: 100%;
      flex-direction: row-reverse;
      margin-right: 2px;
    }

    &-left &-vertical {
      right: 3px;
    }

    &-icon {
      display: flex;
      width: 16px;
      height: 16px;
      border: 1px solid rgba(5, 5, 5, 0.06);
      background-color: #fff;
      font-size: 12px;
      align-items: center;
      justify-content: center;
      color: #1677ff;
      cursor: pointer;
    }


    &-shape-rect {
      border-radius: 2px;
    }

    &-shape-circle {
      border-radius: 8px;
    }

    &-loading {
      cursor: not-allowed;
    }


    &-count {
      font-size: 10px;
      color: #333;
      cursor: grab;
      margin-left: 2px;
    }

    &-vertical {
      position: absolute;
      top: -18px;
    }
  }
}