// joinVarName(('button', 'text-color')) => '--button-text-color'
@function vacJoinVarName($list) {
  $name: '-';
  @each $item in $list {
    @if $item != '' {
      $name: $name + '-' + $item;
    }
  }
  @return $name;
}

// getVacCssVarName('button', 'text-color') => '--el-button-text-color'
@function getVacCssVarName($args...) {
  @return vacJoinVarName($args);
}

// getVacCssVar('button', 'text-color') => var(--el-button-text-color)
@function getVacCssVar($args...) {
  @return var(#{vacJoinVarName($args)});
}