clothVars関数
リファレンスの説明と例は英語です。見出しと目次は日本語です。
A cloth as the tray's CSS variables; nothing for a name that is not a cloth, so the tray keeps its own.
インポート
import { clothVars } from "@johnmorrisdotca/korokoro";
定義
function clothVars(cloth: string | undefined | null): Record<`--kk-${string}`, string>
引数
| 名前 | 型 | 説明 |
|---|---|---|
cloth | string | null | undefined | A built-in cloth name; an unknown name leaves the tray defaults. |
戻り値
Record<`--kk-${string}`, string>
A cloth as the tray's CSS variables; nothing for a name that is not a cloth, so the tray keeps its own.
例
import { clothVars } from "@johnmorrisdotca/korokoro";
console.log(clothVars("green"));{
'--kk-felt': '#2f5d4a',
'--kk-felt-deep': '#1f4135',
'--kk-felt-ink': '#f3efe4'
}出力(このページを作ったときに実行した結果)
この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。