Skip to the content

Kazu数

Generate checked Sudoku and logic puzzles, read native rules and hints, and draw or embed playable boards.

Kazu is the Japanese word 数 for number. About the name

Contents

Reference · Masyu player

MASYU_PLAY_STYLEconstant

Scoped native Masyu board and player CSS.

Import it

import { MASYU_PLAY_STYLE } from "@johnmorrisdotca/kazu/masyu/play";

Definition

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

Examples

import { MASYU_PLAY_STYLE } from "@johnmorrisdotca/kazu/masyu/play";

console.log(MASYU_PLAY_STYLE.length);
753

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/kazu 2.1.0.