Sass 如何在SCSS中使用另一个变量中的变量
如何在另一个变量中使用一个变量? 我如何做到这一点:Sass 如何在SCSS中使用另一个变量中的变量,sass,Sass,如何在另一个变量中使用一个变量? 我如何做到这一点: $buttons: default, success, primary, info, warning, danger; $default_color: #aaa; $success_color: #bbb; $primary_color: #ccc; $info_color: #ddd; $warning_color: #eee; $danger_color: #fff; @each $b in $buttons { .btn-#{
$buttons: default, success, primary, info, warning, danger;
$default_color: #aaa;
$success_color: #bbb;
$primary_color: #ccc;
$info_color: #ddd;
$warning_color: #eee;
$danger_color: #fff;
@each $b in $buttons {
.btn-#{$b} {
color: $#{b}_color;
}
}
您所看到的方式尚未在SCS中实现,但您可以执行以下操作:
$default_color: #aaa;
$success_color: #bbb;
$primary_color: #ccc;
$info_color: #ddd;
$warning_color: #eee;
$danger_color: #fff;
$buttonsList:
"default" $default_color,
"success" $success_color,
"primary" $primary_color,
"info" $info_color,
"warning" $warning_color,
"danger" $danger_color;
@each $b in $buttonsList {
.btn-#{nth($b, 1)} {
color: nth($b, 2);
}
}
Sass注册。Sass不允许动态创建或访问变量。 改用地图 例如: