variables - リスト項目から変数を作成する

Question

リストアイテムから変数を作りたいのですが、ドル記号を前に貼り付ける方法が見つかりません。以下は、私が試した方法です。

$hoi: yellow;
$test: hoi;

helpMe{
  background: $#{$test}; //error
  background: $$test; //error
  background: $nth($test, 1); //error
  background: unquote("$")#{$test}; //output: $hoi
  background: unquote("$")nth($test, 1); //output: $ hoi
};

変数の前にドル記号を貼り付けても、変数として認識される方法はありますか?

Answer 1

はい、リスト項目から変数を設定できます。

例えば：-

font: #{$font-size}/#{$line-height};

そしてあなたの場合：-

$hoi: yellow;
$test: hoi;

helpMe{
  background: #{$test};
};

Answer 2

純粋な SASS では、他の変数から取得した名前で変数を宣言することはできません。

テンプレートを使用して Sass コードを生成し、それを解析することしかできません。

Compass がスプライト変数を生成する方法の例を次に示します: https://stackoverflow.com/a/16129685/901944

Bun 私はそれに対して強くお勧めします。これは、保守が困難なスパゲッティ コードにつながる不適切な方法です。ほとんどの場合、そのアプローチなしで管理できます。