`YAJILIN_PLAY_STYLE`定数

リファレンスの説明と例は英語です。見出しと目次は日本語です。

Scoped native Yajilin board and player CSS.

インポート

import { YAJILIN_PLAY_STYLE } from "@johnmorrisdotca/kazu/yajilin/play";

定義

const YAJILIN_PLAY_STYLE: "\n.kazu-yajilin { color:var(--kz-ink,#1f2320); font:16px/1.4 system-ui,sans-serif; }\n.kazu-yajilin .ky-board { position:relative; max-width:440px; margin:auto; }\n.kazu-yajilin svg { border:1px solid var(--kz-frame,#a98954); border-radius:4px; }\n.kazu-yajilin .ky-cells { position:absolute; inset:6%; display:grid; }\n.kazu-yajilin .ky-cell { border:0; background:transparent; color:transparent; cursor:pointer; }\n.kazu-yajilin .ky-cell:focus-visible { outline:3px solid var(--kz-focus,#c57d2d); outline-offset:-5px; }\n.kazu-yajilin .ky-tools { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; margin:.8rem 0; }\n.kazu-yajilin button { font:inherit; padding:.45rem .8rem; }\n.kazu-yajilin .ky-status { min-height:1.5em; text-align:center; }\n.kazu-yajilin .ky-modes [aria-pressed=\"true\"] { outline:2px solid var(--kz-frame,#a98954); }\n" = `
.kazu-yajilin { color:var(--kz-ink,#1f2320); font:16px/1.4 system-ui,sans-serif; }
.kazu-yajilin .ky-board { position:relative; max-width:440px; margin:auto; }
.kazu-yajilin svg { border:1px solid var(--kz-frame,#a98954); border-radius:4px; }
.kazu-yajilin .ky-cells { position:absolute; inset:6%; display:grid; }
.kazu-yajilin .ky-cell { border:0; background:transparent; color:transparent; cursor:pointer; }
.kazu-yajilin .ky-cell:focus-visible { outline:3px solid var(--kz-focus,#c57d2d); outline-offset:-5px; }
.kazu-yajilin .ky-tools { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; margin:.8rem 0; }
.kazu-yajilin button { font:inherit; padding:.45rem .8rem; }
.kazu-yajilin .ky-status { min-height:1.5em; text-align:center; }
.kazu-yajilin .ky-modes [aria-pressed="true"] { outline:2px solid var(--kz-frame,#a98954); }
`

例

import { YAJILIN_PLAY_STYLE } from "@johnmorrisdotca/kazu/yajilin/play";

console.log(YAJILIN_PLAY_STYLE.length);

出力（このページを作ったときに実行した結果）

ソースを見る GitHub で編集@johnmorrisdotca/kazu 2.1.0 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。

YAJILIN_PLAY_STYLE定数

定義

例

`YAJILIN_PLAY_STYLE`定数