Sass Mixin simples para índice z descendente

Eu escrevi este mixin SCSS simples que aplica um índice z descendente aos elementos li. Útil para avatares ou coisas que precisam ser colocadas embaixo e em cima de irmãos em ordem.

@mixin descending-z-index($count: 30){
  // @include on UL class
  position: relative;
  li{
    position: relative;
    $target: 0;
    $index: $count;
    @while $index > 0 {
      &:nth-child(#{$target}){ z-index: #{$index}; }
      $target: $target + 1;
      $index: $index - 1;
      }
    }
}

//Some ul class
.listclass{
  @include descending-z-index;
  //other styles here
}

.anotherulclass{
  @include descending-z-index(100);
  //this will give you 100 child selectors with descending z-indexes
}