@use 'config';

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

// getCssVarName('button', 'text-color') => '--uni-button-text-color'
@function getCssVarName($args...) {
	@return joinVarName($args);
}