@mixin timeline-responsive-variant(

$padding-left-even,
$padding-right-even,
$padding-left-odd,
$padding-right-odd

) {

width: 100%;
.timeline-item {
  padding: {
    left: $padding-left-odd;
    right: $padding-right-odd;
  }
  &.timeline-item-right, &:nth-of-type(even):not(.timeline-item-left) {
    padding: {
      left: $padding-left-even;
      right: $padding-right-even;
    }
  }
  & .timeline-event {
    width: 100%;
  }
}

}