是否可以在SASS中的变量中嵌套变量？

Question

我有一个mixin接受一个我想传递给变量的参数.

@mixin my_mixin($arg) {
  background-color: $state-#{$arg}-text;
}

Answer 1

目前在SASS中无法插入变量名称.以下是讨论此https://github.com/nex3/sass/issues/626的问题

但是,您可以使用占位符插值:

%my-dark-styles {
   background-color: #000;
}
%my-white-styles {
   background-color: #FFF;
}

@mixin my_mixin($arg) {
   @extend %my-#{$arg}-styles;
}

.header {
   @include my_mixin("dark");
}
.footer {
   @include my_mixin("white");
}

这编译为:

.header {
  background-color: #000; }

.footer {
  background-color: #FFF; }