我想要使用以下的 SCSS 循环:
为了使用以下变量:
但它并没有起作用。
@each $var in dark, purple, green, cyan, silver, white {
.text-#{$var} {
color: nth($color-, $var);
}
.btn-#{$var} {
background-color: nth($color-, $var);
}
}
为了使用以下变量:
$color-dark: #0D0E1E;
$color-purple: #333366;
$color-green: #33cc99;
$color-cyan: #00cccc;
$color-silver: #ccc;
$color-white: #fff;
但它并没有起作用。
$color-#{$var}
也不起作用。我能这样做吗?