Cacher is the code snippet organizer for pro developers

// Boucle cherchant les couleurs 
$buttons: (
  error: (#ed6a5a, #000, 0.3rem),
  success: (#f4f1bb, #000, 5px),
  warning: (lighten(#9bc1bc, 25%), #000, 0.6em),
   active: (#5ca4a9, #fff, 1em)
);
@mixin backColors {
   @each $name, $colors in $buttons {
    $bgcolor: nth($colors, 1);
    $fontcolor: nth($colors, 2);
   $borderRadius: nth($colors, 3);
     
    &--#{$name} {
       border-radius: $borderRadius;
      background-color: $bgcolor;
      color: $fontcolor;
    }  
  }
}