_delay.scss

@mixin delay($delayOffset, $type, $baseDelay: 0ms, $childNumber: 5) {
  @for $i from 1 through $childNumber {
    &:nth-child(#{$i}) {
      $finalDelay: $baseDelay + $delayOffset * (1 - $i);
      @if $type == "both" {
        animation-delay: $finalDelay;
        transition-delay: $finalDelay;
      } @else {
        #{$type}-delay: $finalDelay;
      }
    }
  }
}

@mixin animation-delay($delayOffset: 200ms, $baseDelay: 0ms, $childNumber: 5) {
  @include delay($delayOffset, "animation", $baseDelay, $childNumber)
}

@mixin transition-delay($delayOffset: 200ms, $baseDelay: 0ms, $childNumber: 5) {
  @include delay($delayOffset, "transition", $baseDelay, $childNumber)
}