リファレンス · 縦横の規則

JUOSAN_PLAY_STYLE定数

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

インポート

import { JUOSAN_PLAY_STYLE } from "@johnmorrisdotca/kazu/juosan";

ほかのエクスポート元: @johnmorrisdotca/kazu/juosan/play, @johnmorrisdotca/kazu

定義

const JUOSAN_PLAY_STYLE: ".js-board{position:relative;outline:none}.js-cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--juosan-width),1fr);grid-template-rows:repeat(var(--juosan-height),1fr)}.js-cell{border:0;background:transparent;color:transparent;min-width:0;min-height:0;cursor:pointer}.js-cell:focus-visible{outline:2px solid var(--kz-focus,#316c50);outline-offset:-3px}.js-tools{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.js-tools button{font:inherit;padding:.45rem .8rem;border-radius:.5rem}.js-status{min-height:1.5em}.js-help{opacity:.8;font-size:.9em}" = `.js-board{position:relative;outline:none}.js-cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--juosan-width),1fr);grid-template-rows:repeat(var(--juosan-height),1fr)}.js-cell{border:0;background:transparent;color:transparent;min-width:0;min-height:0;cursor:pointer}.js-cell:focus-visible{outline:2px solid var(--kz-focus,#316c50);outline-offset:-3px}.js-tools{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.js-tools button{font:inherit;padding:.45rem .8rem;border-radius:.5rem}.js-status{min-height:1.5em}.js-help{opacity:.8;font-size:.9em}`

例

import { JUOSAN_PLAY_STYLE } from "@johnmorrisdotca/kazu/juosan";

console.log(JUOSAN_PLAY_STYLE.length);

580

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

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

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