@overflow-List-prefix-cls: ~'zbx-overflow-list';

.@{overflow-List-prefix-cls} {
  display: flex;
  flex: 1;
  flex-wrap: nowrap;
  min-width: 0;

  // 溢出项
  &-overflow {
    color: #333;
    font-size: 14px;
    cursor: default;

    &-tag {
      display: inline-block;
      padding: 3px 8px 4px 8px;
      color: rgba(46, 50, 56, 1);
      font-size: 12px;
      white-space: nowrap;
      background: #e6e7e7;
      border-radius: 2px;
    }

    &-text {
      display: inline-block;
      cursor: default;
    }
  }

  //&-item {
  //gap: 8px;
  //margin-right: 8px;
  //&:last-child {
  //  margin-right: 0;
  //}
  //}

  // 弹层默认使用grid布局
  &-popover {
    display: grid;
    // repeat数量由JS动态计算
    //grid-template-columns: repeat(10, 1fr);
    grid-row-gap: 8px;
  }

  //&-popover-item {
  //  //display: flex;
  //  //align-items: center;
  //  //justify-content: center;
  //}
  //
  //&-modal-content {
  //
  //}
}