$test:(
"m":margin,
"p":padding
);
$test2:(
"t":top,
"b":bottom,
"l":left,
"r":right);
$mp:(
    "a":auto,
    0:0px,
    1:2px,
    2:4px,
    3:6px,
    4:8px,
    5:10px
    );

@each $k1,$v1 in $test{
    @each $k4,$v4 in $mp{
        .#{$k1}-#{$k4}{
            #{$v1}:$v4;
        }
    }
 @each $k2,$v2 in $test2{
        @each $k3,$v3 in $mp{
            .#{$k1}#{$k2}-#{$k3}{
                #{$v1}-#{$v2}:$v3
            } 
        }   
    } 
}

$a : (
"red":red,
"blue":blue
);

@mixin show($v){
    background-color: lighten($v,30% );
    color: $v;
    border-radius: 10px;
    padding:5px;
}
    
    
@each $k,$v in $a{
.bg-#{$k}{
  @include show($v)
}  
}
$a : (
"red":red,
"blue":blue
);

@mixin show($v){
    background-color: lighten($v,30% );
    color: $v;
}
    
    
@each $k,$v in $a{
.bg-#{$k}{
  @include show($v)
}  
}