@mixin vertical($immediate: false)
  $selector: '.v-timeline--vertical'
  @if $immediate
    $selector: '#{$selector}#{&}'
  @else
    $selector: '#{$selector} #{&}'
  @at-root #{$selector}
    @content

@mixin horizontal($immediate: false)
  $selector: '.v-timeline--horizontal'
  @if $immediate
    $selector: '#{$selector}#{&}'
  @else
    $selector: '#{$selector} #{&}'
  @at-root #{$selector}
    @content

@mixin timeline-first-item()
  .v-timeline-item:first-child
    .v-timeline-divider, .v-timeline-item__body, .v-timeline-item__opposite
      @content

@mixin timeline-last-item()
  .v-timeline-item:last-child
    .v-timeline-divider, .v-timeline-item__body, .v-timeline-item__opposite
      @content