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 · Cross Sums rules

CROSS_SUMS_PLAY_STYLEconstant

Scoped native CrossSums board and player CSS.

Import it

import { CROSS_SUMS_PLAY_STYLE } from "@johnmorrisdotca/kazu/cross-sums";

Also exported from: @johnmorrisdotca/kazu/cross-sums/play, @johnmorrisdotca/kazu

Definition

const CROSS_SUMS_PLAY_STYLE: ".kk-root{max-width:760px;margin:auto;color:var(--ink,#1f2320);font:16px/1.5 system-ui,sans-serif}.kk-board{position:relative;width:100%;touch-action:manipulation}.kk-cells{position:absolute;inset:2px;display:grid}.kk-cell{border:0;background:transparent;min-width:0;min-height:0;padding:0;touch-action:manipulation}.kk-cell:focus-visible,.kk-pad button:focus-visible{outline:3px solid #b5452c;outline-offset:-3px}.kk-tools{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.kk-tools button,.kk-pad button{font:inherit;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #ddd6c6;background:#fbf8f1;color:inherit}.kk-pad{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:8px;margin:12px 0}.kk-pad button{padding:0;touch-action:manipulation}.kk-status{min-height:1.5em}.kk-help{opacity:.8;font-size:14px}" = `.kk-root{max-width:760px;margin:auto;color:var(--ink,#1f2320);font:16px/1.5 system-ui,sans-serif}.kk-board{position:relative;width:100%;touch-action:manipulation}.kk-cells{position:absolute;inset:2px;display:grid}.kk-cell{border:0;background:transparent;min-width:0;min-height:0;padding:0;touch-action:manipulation}.kk-cell:focus-visible,.kk-pad button:focus-visible{outline:3px solid #b5452c;outline-offset:-3px}.kk-tools{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.kk-tools button,.kk-pad button{font:inherit;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #ddd6c6;background:#fbf8f1;color:inherit}.kk-pad{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:8px;margin:12px 0}.kk-pad button{padding:0;touch-action:manipulation}.kk-status{min-height:1.5em}.kk-help{opacity:.8;font-size:14px}`

Examples

import { CROSS_SUMS_PLAY_STYLE } from "@johnmorrisdotca/kazu/cross-sums";

console.log(CROSS_SUMS_PLAY_STYLE.length);
833

What it prints (run when this page was built)

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