相关疑难解决方法(0)

我正在尝试在我的变量上使用字符串插值来引用另一个变量:

// Set up variable and mixin
$foo-baz: 20px;

@mixin do-this($bar) {
    width: $foo-#{$bar};
}

// Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin
@include do-this('baz');

但是当我这样做时,我收到以下错误:

未定义的变量:"$ foo-".

Sass是否支持PHP风格的变量变量？

我有一个网站使用了一些不同的"主要"颜色.一般的HTML布局保持不变,只有颜色会根据内容而改变.

我想知道我是否可以根据CSS选择器设置颜色变量.通过这种方式,我可以使用一些变量为我的网站设置主题,让Sass填写颜色.

例如:

$color-1: #444;
$color-2: #555;
$color-3: #666;
$color-4: #777;

body.class-1 {
  color-default: $color-1;
  color-main: $color-2;
}
body.class-2 {
  color-default: $color-3;
  color-main: $color-4;
}

/* content CSS */
.content {
  background: $color-default;
  color: $color-main;
}

我正在考虑使用mixin,但我想知道是否有更好的方法来做这个 - 可能有一个功能？我对Sass不是那么好,所以任何帮助都会受到赞赏.