css - LESSで2つの変数を連結できないようです

Question

変数の値をコンマで区切って、2つの変数を組み合わせて文字列に@aしようとしています。@bこれは私の試みです：

p {
    @a: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    @b: 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: ~"@{a}, @{b}";
}

出力：

p {box-shadow: [object Object],[object Object]}

期待される：

p {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)}

私は何が間違っているのですか？

score 1 · Accepted Answer

あなたが助けになった答えに向けられたコメントから私は気づきました。元のソリューションが機能しなかった理由を明確にするために、変数が文字列として定義されていなかったためです。これが必要でした（文字列の周りの引用符に注意してください）：

p {
    @a: "inset 0 1px 1px rgba(0, 0, 0, 0.075)";
    @b: "0 0 8px rgba(82, 168, 236, 0.6)";
    box-shadow: ~"@{a}, @{b}";
}

2 に答える 2