@import "~@/assets/varible.less";

.layout-tabs {
  width           : 100%;
  background      : #fff;
  // box-shadow   : @box-shadow-base;
  position        : relative;
  padding         : 3px 60px 0 20px;
  // border-bottom: @border;

  .arrow {
    position   : absolute;
    width      : 20px;
    text-align : center;
    line-height: 34px;
    height     : 34px;

    &:hover {
      cursor: pointer;
    }

    &.left {
      left: 0px;
    }

    &.right {
      right: 40px;
    }

    &.operation {
      right: 0;
      width: 40px
    }
  }


  .tabs {
    white-space: nowrap;
    position   : relative;
    overflow   : hidden;
    width      : 100%;

    .tab {
      display: inline-block;
    }

    // .ant-tag {
    //   border-radius   : 0;
    //   font-size       : 14px;
    //   // border-bottom: 0;
    //   margin-right    : 0;
    //   padding         : 6px 16px;
    //   border-right    : 0;
    // }

    // .ant-tag:last-child {
    //   border-right: @border;
    // }

    // .ant-tag.active {
    //   color        : @primary-color;
    //   border-bottom: 1px solid #fff;
    //   background   : #fff;
    // }
  }
}