CSS Variables出力

Direct answer

この用語・ルールが意味すること

:rootへlight値、data属性へdark値を出力し、ブラウザと追加CSSで直接利用できます。

Verified example

最小例

devs-tokens.css

この例は安定した基本契約を示すもので、各platformのすべてのoptionを表すものではありません。

Resolution and export

Studioでの処理方法

1. 入力値を型付きの内部recordへ正規化し、変更しないtoken IDを割り当てます。
2. resolverがaliasとlight・darkのsourceをたどり、参照経路を保持します。
3. 各adapterが変換するか、warningとlossへ記録し、黙って削除しません。

Boundary

制約と確認ポイント

• validation通過はブランド品質や全画面状態を保証するものではありません。
• 本番ファイルを置き換える前に、対象frameworkとWordPress versionを確認してください。
• Projectデータはブラウザ内に留まり、共有URLには含めません。