css - 从 SASS/SCSS 中的变量值获取变量名

Question

我想使用定义的值访问 @each 循环中的变量，如下例所示:

$car:true;
$people:false;
$job:false;

    @mixin options($someval){
        @each $prefix in car,people,job{ 
            @if $#{$prefix} == true{
                    //some CSS...
            }       
        }
    }

变量将是一种定义是否打印 Css 规则的“信号量”。

我最大的疑问是如何检查动态定义的变量名称？

我试过使用 $#{$prefix} 但它不起作用。

编辑 --------------------------我想获得这个 CSS

car-something: 34px;

其中单词“car”取自 $prefix 并且在第一轮 @each 循环 $#{$prefix}变成 $car

问题在 $#{$prefix} 上……它不工作 :P 我收到一个错误

Answer 1

这是一个老问题，但由于没有有效答案，所以在这里

您需要将 map 传递给@each

$car:true;
$people:false;
$job:false;

@mixin options($someval){
    @each $key, $val in (car: $car, people: $people, job: $job) { 
        @if $val == true{
            #{$key}-something: $someval
        }       
    }
}

test {
    @include options(34px)
}