@import “../functions/map-deep-get”;

@import “timeline-item-right-side-position”; @import “timeline-item-start-margins”; @import “timeline-responsive-variant”; @import “transform-center”;

@mixin timeline-single-column($max-width: 100%) {

&.timeline {
  @include timeline-responsive-variant($timeline-item-width-offset-single-column, 0, $timeline-item-width-offset-single-column, 0);
  width: 100%;
  max-width: $max-width;
  &:before {
    left: $timeline-single-column-line-offset;
    width: 0;
    margin-left: -(map-get($timeline-line, width) / 2);
  }
  & .timeline-item {
    width: 100%;
    margin-bottom: $timeline-item-margin-bottom;
    &:nth-of-type(even) {
      margin-top: 0;
    }
    &.timeline-item-left, &.timeline-item-right {
      @include timeline-item-start-margins;
    }
    & > .timeline-event {
      @include timeline-item-right-side-position(map-deep-get($timeline-item-arrow, md, width));
    }
    & > .timeline-point {
      @include transform-center;
      left: $timeline-single-column-line-offset !important;
      margin-left: 0;
    }
  }
  & .timeline-label {
    @include timeline-item-start-margins;
    @include transform-center;
    margin: 0 0 $timeline-item-margin-bottom $timeline-single-column-line-offset;
  }
}

}