@import "mixins/mixins";
@import "common/var";

@include b(timeline) {
  margin: 0;
  font-size: $--font-size-body-3;
  list-style: none;
  // width: 100%;

  & .el-timeline-item:last-child {
    & .el-timeline-item__tail {
      //display: none;
      height: calc(100% - 24px);
    }
  }
  &.el-timeline__vertical {
    &[arrangement="2side"] {
      .el-timeline-item__wrapper {
        & .el-timeline-item__timestamp {
          position: absolute;
          left: -83px;
          top: 0px;
        }
      }
    }
  }
  & .el-timeline-hori-li {
    padding-bottom: 19px;
  }
  .el-timeline-hori-box {
    min-width: 120px;
  }
}

@include b(timeline__horizontal) {
  display: flex;
}