PolymerにCSS変数のデフォルト値を書き込む新しい方法

Question

Polymerチームは、Polymer要素のデフォルトのCSS変数値を定義する方法を変更したのはなぜですか？以下は例です：

旧スタイル

color: var(--my-value,--default-value); 

新しいスタイルの

color: var(--my-value,var(--default-value)); 

は、カスタムCSS変数のための新たな仕様がありますか？何か利点がありますか？それとも別の理由ですか？

Answer 1

ポリマー1.xの「旧式」（すなわち、var(--a, --b)）は、簡潔ではあるが、CSS variables specに従って技術的に無効です。

Polymer 2.0-preview notesが正しく仕様に準拠する動機はネイティブのCSSプロパティをサポートすることであることを示す：

次の無効なスタイリング構文は以前に1.0カスタムプロパティシムに受け入れられました。 var(--a, var(--b))

であるべき

• ...
• var(--a, --b)
  • ：ネイティブCSSカスタムプロパティをサポートするために、ルールだけでネイティブに有効な構文を使用して正しいはずです