Tenant mixin for sass variables.

tenanct_mixins.scss

/*
  $listvar:
    "appname1" "blue",
    "appname2" "red"
  ;

  .my-selector {
    @include tenant($listvar) {
      background-color: $var;
    }
  }
*/

$var: null;

@mixin tenant($variable) {
  @if length($variable) > 1 {
    @each $pair in $variable {

      @if length($pair) > 1 {
        $tenant: nth($pair, 1);
        $var: nth($pair, 2);
        .ten-#{$tenant} & {
          @content;
        }
      } @else {
        $var: $pair;
        @content;
      }
    }
  } @else {
    $var: $variable;
    @content;
  }
}