gp-dimm-city 1.6.0 → 1.6.1

package/CHANGELOG.md

@@ -7,6 +7,28 @@ cut a version that has no `## [X.Y.Z]` heading below.
 
 ## [Unreleased]
 
+## [1.6.1] - 2026-10-12
+
+### Changed
+
+- **Faction cards split across pages.** A `@faction` profile runs to half a page
+  or more; kept whole, a chapter of factions left half-empty pages. It now
+  splits between paragraphs like an entry; the name stays with its first lines,
+  and `.dc-avoid-split` on the marker keeps one whole.
+- **The outcome ladder keeps its table's header.** The two header cells
+  (`Roll | Result`, `d20 | Repair Time`, …) now sit in the ladder's label bar
+  over the two columns, instead of being dropped for a fixed "Outcomes" label.
+  A table with an empty header, and `@outcome`, still say "Outcomes". The bar
+  is the same height, so no page moves.
+- **ROLL THE DIE! is set in the text, not as a chip.** The phrase (and ROLL A
+  DIE!, ROLLS A DIE!, ROLLING THE DIE!) keeps the font and size of the text
+  around it and is bold, in a contrasting colour (`--dc-roll-the-die-color`,
+  default `--blood`), and underlined.
+
+### Removed
+
+- `--dc-roll-the-die-border`: the phrase has no border any more.
+
 ## [1.6.0] - 2026-10-12
 
 ### Added

package/components.yaml

@@ -511,7 +511,7 @@ components:
     recipe: "ROLL THE DIE!  (automatic in markdown prose, uppercase only: ROLL|ROLLS|ROLLING + A|THE + DIE! — e.g. ROLL A DIE!, ROLLS A DIE!, ROLLING THE DIE!; code spans, raw HTML and headings are left alone)"
     emits: span.dc-roll-the-die
     css: styles/components/cards.css
-    tokens: [--dc-roll-the-die-color, --dc-roll-the-die-border]
+    tokens: [--dc-roll-the-die-color]
     usage: ["ROLL THE DIE!", "ROLL A DIE!", "ROLLS A DIE!", "ROLLING THE DIE!"]
     breaks: none
     notes: "A plain inline box (stamped label look): its padding and border paint around the text without making the line taller, so a line with a chip is the same height as one without. It never wraps: a chip that would straddle a line end moves to the next line whole."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gp-dimm-city",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Dimm City design system for Gutterpress: the markdown-it macros (@skill, @specialty, @learning-path, @callout, …), print stylesheets, design tokens, fonts and page templates the Dimm City TTRPG books are set in.",
   "type": "module",
   "main": "plugin.js",

package/plugin.js

@@ -396,7 +396,8 @@ function parseBand(cell) {
   return lo <= hi ? [lo, hi] : null;
 }
 
-// The ladder rows of a table, or null when it is not a ladder.
+// The ladder of a table — its header cells and its rows — or null when it is
+// not a ladder.
 function ladderRows(table) {
   const { head, rows } = table;
   if (head.length !== 2 || rows.length !== LADDER_BANDS_COUNT || rows.some((r) => r.length !== 2)) return null;
@@ -404,16 +405,23 @@ function ladderRows(table) {
   if (bands.some((b) => !b)) return null;
   const keys = bands.map(([lo, hi]) => (lo === hi ? String(lo) : lo + '-' + hi));
   if (new Set(keys).size !== LADDER_BANDS_COUNT || keys.some((k) => !Object.hasOwn(LADDER_TIER_OF_BAND, k))) return null;
-  return rows.map((r, i) => {
-    const tier = LADDER_TIER_OF_BAND[keys[i]];
-    return { tier, name: OUTCOME_NAMES[tier], roll: keys[i].replace('-', '\u2013'), text: r[1].trim() };
-  });
+  return {
+    head,
+    rows: rows.map((r, i) => {
+      const tier = LADDER_TIER_OF_BAND[keys[i]];
+      return { tier, name: OUTCOME_NAMES[tier], roll: keys[i].replace('-', '\u2013'), text: r[1].trim() };
+    }),
+  };
 }
 
 // The ladder's label bar and one row per `{ tier, name, roll, text }`; `text`
 // is markdown, so **bold** and ROLL THE DIE! render as they do anywhere else.
-function outcomeRowsHtml(rows, md) {
-  let html = '  <div class="dc-outcomes-label">Outcomes</div>\n';
+// A ladder made from a table keeps the table's header: its two cells sit in the
+// label bar over the two columns. With no header text the bar says "Outcomes".
+function outcomeRowsHtml(rows, md, head = []) {
+  let html = head.some((cell) => cell.trim())
+    ? '  <div class="dc-outcomes-label dc-outcomes-head">' + head.map((cell) => '<span>' + md.renderInline(cell.trim()) + '</span>').join('') + '</div>\n'
+    : '  <div class="dc-outcomes-label">Outcomes</div>\n';
   rows.forEach(({ tier, name, roll, text }) => {
     html += '  <div class="dc-outcome-row ' + tier + '">\n';
     html += '    <span class="dc-outcome-key tier-' + tier + '"><span class="dc-outcome-name">' + esc(name) + '</span><span class="dc-outcome-roll">' + esc(roll) + '</span></span>\n';
@@ -424,7 +432,7 @@ function outcomeRowsHtml(rows, md) {
 }
 
 // A table of the five standard bands: tier and name come from the band.
-function buildLadderBlock(rows, md, needsAvoid = true) {
+function buildLadderBlock({ head, rows }, md, needsAvoid = true) {
   // data-break-inside="avoid" is added when the parent card can be split (is
   // not avoid-split) — the polyfill needs this to keep the
   // outcomes table together when the card itself isn't protected. When the card
@@ -433,7 +441,7 @@ function buildLadderBlock(rows, md, needsAvoid = true) {
   // by splitting the card at the outcomes boundary, leaving a headless
   // card-body on one page and the outcomes-only continuation on the next.
   const avoidAttr = needsAvoid ? ' data-break-inside="avoid"' : '';
-  return '<div class="dc-outcomes"' + avoidAttr + '>\n' + outcomeRowsHtml(rows, md) + '</div>\n';
+  return '<div class="dc-outcomes"' + avoidAttr + '>\n' + outcomeRowsHtml(rows, md, head) + '</div>\n';
 }
 
 // Parse ability from list item - handles rendered HTML: "<strong>0 AP</strong> <em>Name:</em> Description"

package/styles/components/cards.css

@@ -440,35 +440,18 @@
   font-weight: 600;
 }
 
-/* ROLL THE DIE! emphasis chip — tokens: --dc-roll-the-die-color (text, default
-   --blood), --dc-roll-the-die-border (default --hud-magenta).
-   A stamped label for an instruction to act. It is a plain non-replaced
-   `display: inline` box on purpose: an inline box's vertical padding, border
-   and shadow paint around its text without adding to the line box, so a line
-   holding a chip is exactly as tall as one without, and nothing around it
-   moves. `line-height: 0` keeps the chip's own font from growing the line,
-   the font is smaller than the body, and `white-space: nowrap` moves a chip that
-   would straddle a line end to the next line whole (it still adds no height).
-   `box-decoration-break: clone` keeps both edges if one ever does fragment.
-   The fill is opaque paper, so contrast is fixed whatever it sits on: --blood on --paper-cream is 7.7:1
-   (it failed at 2.64:1 on skill-card paper-aged as --crimson text). */
+/* ROLL THE DIE! (and ROLL A DIE!, ROLLS A DIE!, ROLLING THE DIE!) — token:
+   --dc-roll-the-die-color (default --blood).
+   An instruction to act, set in the text around it: the same font and size as
+   the line it sits in, made bold, in a contrasting colour, and underlined in
+   that colour. It is plain inline text, so the line keeps its height. --blood
+   on --paper-cream is 7.7:1. */
 .dc-roll-the-die {
-  display: inline;
-  font-family: var(--font-display);
-  font-size: 0.8em;
   font-weight: 700;
-  line-height: 0;
-  white-space: nowrap;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
   color: var(--dc-roll-the-die-color);
-  background-color: var(--paper-cream);
-  padding: 0.14em 0.35em;
-  margin-inline: 0.05em;
-  border: 1.5pt solid var(--dc-roll-the-die-border);
-  border-bottom-width: 3pt;
-  box-shadow: 1pt 1pt 0 var(--dc-roll-the-die-border);
-  box-decoration-break: clone;
+  text-decoration: underline;
+  text-decoration-thickness: 1.5pt;
+  text-underline-offset: 0.15em;
 }
 
 /* ── AP base + author-facing variants ─────────────────────────────────── */

package/styles/components/data.css

@@ -244,6 +244,23 @@
   z-index: 1;
 }
 
+/* A ladder made from a table keeps the table's header: its two cells, in the
+   label bar, over the two columns of the rows below (same column widths and
+   text insets as .dc-outcome-key and .dc-outcome-text). */
+.dc-outcomes-head {
+  display: flex;
+  padding-inline: 0;
+}
+.dc-outcomes-head > span:first-child {
+  flex: 0 0 130px;
+  box-sizing: border-box;
+  padding-inline: 10px;
+  text-align: center;
+}
+.dc-outcomes-head > span + span {
+  padding-inline: 12px;
+}
+
 .dc-outcome-row {
   display: grid;
   grid-template-columns: 130px 1fr;

package/styles/components/section.css

@@ -566,12 +566,21 @@ h3 + .dc-section-panel {
    A .dc-card whose rail and kind badge take the kind's colour. The name is the
    first heading (`####` as authored, or `###`); the badge is a span core puts
    first, floated to the right so the name and the text run beside it.
+   Splits across pages by default (see below).
    Token contract: --dc-faction-accent (rail and badge fill),
    --dc-faction-badge-fg (badge text). */
 .dc-card.dc-faction {
   border-left-width: 5px;
   border-left-color: var(--dc-faction-accent);
   padding: 10pt 14pt;
+  /* A profile runs to half a page or more; kept whole (.dc-card's default) it
+     left half-empty pages through a chapter of factions. It splits between
+     paragraphs like an entry; the name keeps with its first lines (below), and
+     `.dc-avoid-split` on the marker keeps one whole. */
+  break-inside: auto;
+}
+.dc-card.dc-faction.dc-avoid-split {
+  break-inside: avoid;
 }
 .dc-card.dc-faction > :is(h3, h4):first-of-type {
   font-size: var(--fs-h4);

package/styles/dc-component-defaults.css

@@ -225,7 +225,6 @@
   --dc-pullquote-bg:          var(--concrete-pale);
 
   /* roll / die callout public API */
-  --dc-roll-the-die-border:  var(--hud-magenta);
   --dc-roll-the-die-color:   var(--blood);
 
   /* .dc-skill-card extra public API (shape geometry) */