SCSS：@for control指令

Question

我正在与SCSS中的@for控制指令（显然）问题挣扎。我写了以下代码：

$unit: 1em;

@for $i from 1 through 12 {
    $unit + $i; 
}

我尝试做的是生成12个变量（$ unit1，$ unit2，$ unit3等等......）

我也尝试了一个功能来获得@return，但我确信我可以避免它（而且它也不起作用）：

@function create-unit($i){
    @for $i from 1 through 12 {
        @return $unit * $i; 
    }
}

然后在我的css文件中将其称为create-unit ($i)。

感谢您的帮助！