css - Polymer で CSS 変数のデフォルトを記述する新しい方法

Question

Polymer チームが Polymer 要素でデフォルトの CSS 変数値を定義する方法を変更したのはなぜですか? 以下に例を示します。

古いスタイル

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

新しいスタイル

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

カスタム CSS 変数の新しい仕様はありますか? 何か利点はありますか？それともまったく別の理由ですか？

Answer 1

Polymer 1.x の「古いスタイル」(すなわち) は、簡潔ではありますが、 CSS 変数の仕様var(--a, --b)によれば技術的に無効です。

Polymer 2.0 プレビュー ノートは、仕様に適切に準拠する動機がネイティブ CSS プロパティをサポートすることであることを示しています。

次の無効なスタイル設定構文は、以前は 1.0 カスタム プロパティ shim で受け入れられていました。ネイティブの CSS カスタム プロパティをサポートするには、ネイティブで有効な構文のみを使用するようにルールを正しくする必要があります。

• ...
• var(--a, --b)
  • する必要がありますvar(--a, var(--b))