@each

$color-names: 'rouge', 'vert', 'bleu';
$colors: $red, $green, $blue;

@each $name in $color-names {
  $i: index($color-names, $name); // à quel index dans $color-names correspond $name
  .btn-#{$name} {
  @extend %btn;
    background-color: nth($colors, $i);
  }
}

La meilleure manière de procéder avec un nombre non connu (ou variable) d'éléments ?