@import “timeline-item-arrow-size-variant”; @import “timeline-item-right-side-position”;

@mixin timeline-item-variant($top-offset, $arrow-width) {

&.timeline-item-right, &:nth-of-type(even):not(.timeline-item-left) {
  & > .timeline-event {
    @include timeline-item-right-side-position($arrow-width);
  }
}

& > .timeline-event {
  &:before {
    @include timeline-item-arrow-size-variant($top-offset, $arrow-width);
  }

  &:after {
    @include timeline-item-arrow-size-variant($top-offset + 1px, $arrow-width - 1px);
  }
}

& > .timeline-point {
  top: $top-offset + $arrow-width;
}

@at-root .timeline-single-column#{&} > .timeline-event {
  @include timeline-item-right-side-position($arrow-width);
}

}