.xiaokanban {
  .board-column-header {
    height: 50PX;
    line-height: 50PX;
    overflow: hidden;
    padding: 0 10PX;
    text-align: center;
    background: $--color-primary;
    color: $--color-text-primary;
    border-radius: 3PX 3PX 0 0;
  }
  .board-table-header {
    height: 30PX;
    line-height: 32PX;
    overflow: hidden;
    text-align: center;
    padding: 0 6PX;
    margin-bottom: -10PX;
    font-size: 12PX;
    color: $--color-info;
    background-color: $--color-black;
  }
  .board-column-content {
      height: auto;
      overflow: hidden;
      border: 10PX solid transparent;
      min-height: 60PX;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: $--color-black;
  }

  .board-column-content .board-item {
      cursor: pointer;
      width: 100%;
      height: 48PX;
      margin: 5PX 0;
      text-align: left;
      line-height: 40PX;
      padding: 1PX 1PX;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      .phase-description {
          border-radius: 4PX;
          background: #d9ecff;
          width: 40PX;
          height: 40PX;
      }
  }
}