gp-dimm-city 1.1.2 → 1.1.4

package/CHANGELOG.md

@@ -7,6 +7,39 @@ cut a version that has no `## [X.Y.Z]` heading below.
 
 ## [Unreleased]
 
+## [1.1.4] - 2026-10-09
+
+### Changed
+
+- **The columns contract is refined.** Page and section column layouts
+  stay in `page-templates.css`. A component may lay out its own insides in
+  columns in its own sheet, on a selector rooted in its `.dc-*` class (the
+  two-column skill cards, the card grid). The integrity test enforces that
+  rule in place of an exception list. No CSS moved.
+- The integrity test's remaining exceptions are genuine hooks: the outcome
+  tiers, the chapter classes gutterpress adds itself, and the design
+  guide's page labels.
+- `docs/css-roadmap.md` records what the CSS review left to do, and in
+  which order.
+
+### Removed
+
+- Two unused design-guide classes: `dg-face-sample` and the
+  `dc-banner-demo` section class.
+
+## [1.1.3] - 2026-10-09
+
+### Removed
+
+- Distance tags: the plugin no longer turns a `Distance` table inside a skill
+  into pills (`buildDistanceTags`); it now renders as a plain table. Also
+  removed `.dc-distance-tags`, `.dc-dist-tag`, `.dc-dist-ap`, `.dc-dist-name`
+  and the `--dc-dist-*` tokens. No book had such a table.
+- Unused combinations: `.dc-flush` on `.dc-intro`, `.dc-sub-header` and
+  `.dc-steps`; `.dc-intro + .dc-alert`; `.dc-card-grid > h1/h2/.dc-intro`
+  (put headings and ledes outside the grid); `.section > h2.dc-h3:not(:first-child)`;
+  `.dc-toc ol > li > strong`.
+
 ## [1.1.2] - 2026-10-08
 
 **Notes for books upgrading from 1.1.1:**

package/components.yaml

@@ -397,21 +397,6 @@ components:
     breaks: none
     notes: "The plugin emits `variable`; the CSS styles both `.variable` and the raw spelling `.var`. `.standard/.reduced/.increased/.special` (specialty-identity.css) are never emitted, only authored raw — shown in the design guide's Variant Gallery."
 
-  - name: distance-tags
-    status: unused
-    origin: plugin
-    recipe: "| Distance | AP | table inside a skill card"
-    emits: div.dc-sub-header + div.dc-distance-tags > span.dc-dist-tag > span.dc-dist-ap + span.dc-dist-name
-    css: styles/components/data.css
-    tokens: [--dc-dist-tag-surface, --dc-dist-tag-border, --dc-dist-ap-color, --dc-dist-name-color]
-    usage: ["| Distance | AP |"]
-    breaks: none
-    notes: "Emission path exists and is styled; no skill in either book writes a
-      Distance/AP table. The usage literal carries the AP column deliberately: the
-      plugin only transforms a Distance table that sits inside a skill card, and
-      field-guide chapter-05's Schraphose damage table is a four-column Distance
-      table in body prose. A bare '| Distance |' literal counted that as a use."
-
   - name: roll-the-die
     status: live
     origin: plugin
@@ -683,6 +668,13 @@ components:
     notes: "There is no @chapter-opener macro."
 
   # ── Retired: no CSS, no emission, no use (tombstone comments only) ─────
+  - name: distance-tags
+    status: retired
+    origin: plugin
+    recipe: "| Distance | AP | table inside a skill card"
+    emits: div.dc-sub-header + div.dc-distance-tags > span.dc-dist-tag > span.dc-dist-ap + span.dc-dist-name
+    notes: "Removed 2026-10-09 (plugin.js buildDistanceTags, data.css, --dc-dist-* tokens): no book had an AP-by-distance table. A Distance table inside a skill now renders as a plain table."
+
   - name: printer-page
     status: retired
     origin: author

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gp-dimm-city",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "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

@@ -363,9 +363,6 @@ function classifyTable(headers) {
   if (headers.includes('roll') && headers.includes('outcome')) {
     return 'outcomes';
   }
-  if (headers.includes('distance')) {
-    return 'distance';
-  }
   return '';
 }
 
@@ -423,29 +420,6 @@ function buildOutcomesBlock(rows, md, needsAvoid = true) {
   return html;
 }
 
-function buildDistanceTags(rows, md) {
-  let html = '<div class="dc-sub-header">AP Cost × Distance</div>\n';
-  html += '<div class="dc-distance-tags">\n';
-
-  rows.forEach(row => {
-    if (row.length < 2) return;
-    const distance = row[0].trim();
-    const cost = row[1].trim();
-
-    // Render markdown inline content
-    const renderedDistance = md.renderInline(distance);
-    const renderedCost = md.renderInline(cost);
-
-    html += '  <span class="dc-dist-tag">\n';
-    html += '    <span class="dc-dist-ap">' + renderedCost + '</span>\n';
-    html += '    <span class="dc-dist-name">' + renderedDistance + '</span>\n';
-    html += '  </span>\n';
-  });
-
-  html += '</div>\n';
-  return html;
-}
-
 function buildTable(tableTokens, tableClass, md, needsAvoid = true) {
   const rows = [];
   let currentRow = [];
@@ -467,10 +441,7 @@ function buildTable(tableTokens, tableClass, md, needsAvoid = true) {
     }
   }
 
-  if (tableClass === 'outcomes') {
-    return buildOutcomesBlock(rows, md, needsAvoid);
-  }
-  return buildDistanceTags(rows, md);
+  return buildOutcomesBlock(rows, md, needsAvoid);
 }
 
 // Parse ability from list item - handles rendered HTML: "<strong>0 AP</strong> <em>Name:</em> Description"
@@ -2057,7 +2028,7 @@ export default function dimmCityPlugin(md, options = {}) {
           continue;
         }
 
-        // Table = Outcomes or Distance
+        // Table = Outcomes
         if (tok.type === 'table_open' && inSkillCard) {
           const tableTokens = collectTableTokens(tokens, i);
           const headers = getTableHeaders(tableTokens);

package/styles/components/callouts.css

@@ -18,7 +18,7 @@
    - Component-scoped public custom properties (--dc-alert-bg, etc.)
 
    MUST NOT CONTAIN:
-   - columns:N rules of any kind (→ page-templates.css)
+   - page/section columns:N layouts (→ page-templates.css)
    - @page declarations or named-page assignments (→ page-rules.css)
    - div.chapter scaffolding (→ the consuming book's own sheet)
    - :root token definitions (→ dc-component-defaults.css)

package/styles/components/chrome.css

@@ -62,14 +62,6 @@
    cannot silently beat an `A + B` gap rule if there is no gap rule.
    Iter-8 (2026-05-25). */
 
-/* When a .dc-intro lede is followed by an alert/callout (the common
-   "lede + supporting note" pattern from How Abilities Work), tighten the
-   gap so they read as a connected pair. (@callout emits .dc-alert — the
-   former .dc-callout adjacency rule was dead and was removed 2026-06-21.) */
-.dc-intro + .dc-alert {
-  margin-top: 6pt;
-}
-
 /* Adjacent callouts/alerts (e.g. Cybersuck followed by SysFAIL after
    the Ego Points table) read as a CONNECTED PAIR rather than two
    independent floating boxes. Per user feedback: "design elements just
@@ -445,17 +437,10 @@ hr {
 
 /* ── Modifier variants — .dc-flush removes margin ─────────────────────────── */
 .dc-stickers.dc-flush,
-.dc-intro.dc-flush,
 .dc-tape.dc-flush {
   margin: 0;
 }
 
-.dc-sub-header.dc-flush {
-  margin: 0;
-  padding-top: 0;
-  border-top: 0;
-}
-
 .dc-spec-tweak.dc-no-top {
   margin-top: 0;
 }

package/styles/components/data.css

@@ -151,7 +151,7 @@
   padding-bottom: 6px;
 }
 
-/* ═══ OUTCOMES + STEPS + DISTANCE ═══ */
+/* ═══ OUTCOMES + STEPS ═══ */
 
 /* ── Procedure / numbered steps ───────────────────────────────────────── */
 .dc-steps {
@@ -358,47 +358,6 @@
   --row-color: var(--fungi-rot);
 }
 
-/* ── Distance tags (AP cost × distance block) ─────────────────────────── */
-.dc-distance-tags {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin: 10px 0;
-}
-
-/* Token contract for distance-tag pills:
-     --dc-dist-tag-surface → cell bg (default --paper-light)
-     --dc-dist-tag-border  → cell border color (default --hud-blue-dim)
-     --dc-dist-ap-color    → AP-cost number color (default --ink)
-     --dc-dist-name-color  → distance-name caption color (default --hud-blue)
-*/
-.dc-dist-tag {
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  background: var(--dc-dist-tag-surface);
-  border: 1px solid var(--dc-dist-tag-border);
-  padding: 6px 10px;
-  min-width: 52px;
-}
-
-.dc-dist-ap {
-  font-family: var(--font-display);
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--dc-dist-ap-color);
-  line-height: 1;
-}
-
-.dc-dist-name {
-  font-family: var(--font-mono);
-  font-size: 8px;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--dc-dist-name-color);
-  margin-top: 3px;
-}
-
 /* ───────── PULL-QUOTE ───────── */
 .dc-pullquote {
   background: var(--dc-pullquote-bg);
@@ -724,10 +683,6 @@
   clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4px), calc(100% - 6px) 100%, 0 100%);
 }
 
-.dc-toc ol>li>strong {
-  color: var(--hud-blue-dark);
-}
-
 .dc-toc ol>li>a {
   font-size: 15pt;
   font-weight: 700;
@@ -751,7 +706,6 @@
 }
 
 .dc-stat.dc-flush,
-.dc-steps.dc-flush,
 .dc-outcomes.dc-flush,
 .dc-pullquote.dc-flush {
   margin: 0;

package/styles/components/section.css

@@ -335,8 +335,7 @@
    (i.e. NOT the section's header bar) get a left-accent border matching the
    section accent. This visually distinguishes subsection headings from the
    section title bar. Universal across all chapters. */
-.section > h3:where(:not(.dc-h4, .dc-h5, .dc-h6)):not(:first-child),
-.section > h2.dc-h3:not(:first-child) {
+.section > h3:where(:not(.dc-h4, .dc-h5, .dc-h6)):not(:first-child) {
   border-left: 3px solid var(--dc-section-accent);
   padding-left: var(--space-sm);
 }
@@ -738,16 +737,14 @@ h3 + .section {
 
      @page .card-grid
      @section .dc-card-grid
-     ## Choose Your Specialty
-     @lede ... @end-lede
      @specialty .augmerc
      @specialty-card ... @end-specialty-card
      @end-specialty
      [repeat for 6+ specialties]
      @end-section
 
-   The column-flow rules (columns:2, column-span:all) live in page-templates.css
-   per the architectural contract. Here we own only the chrome-reset (the
+   The page/section column rules live in page-templates.css; the grid's own
+   columns:2 is a component-internal layout and lives below. Here we also own the chrome-reset (the
    .dc-card-grid section has no card background/shadow — it's a pure layout
    wrapper) plus the per-card density tweaks so all 8 specialty cards fit
    comfortably on one page. */
@@ -780,13 +777,6 @@ h3 + .section {
   column-gap: var(--gutter);
   column-fill: balance;
 }
-/* Header + intro stay close to the cards below (no orphan break) */
-.dc-card-grid > h2 { break-after: avoid; }
-.dc-card-grid > .dc-intro {
-  break-after: avoid;
-  padding: 5px 12px 5px 16px;
-  margin: 0 0 var(--space-md);
-}
 .dc-card-grid .dc-specialty:first-child { break-before: avoid; }
 
 /* Compact specialty card density: 10 cards on one page in 2 columns */

package/styles/dc-component-defaults.css

@@ -125,12 +125,6 @@
   --dc-definition-block-accent-width: 4px;
   --dc-definition-block-surface:      var(--surface-orange-tint);
 
-  /* distribution table (.dc-dist-*) public API */
-  --dc-dist-ap-color:        var(--ink);
-  --dc-dist-name-color:      var(--hud-blue);
-  --dc-dist-tag-border:      var(--hud-blue-dim);
-  --dc-dist-tag-surface:     var(--paper-light);
-
   /* .dc-fiction public API */
   --dc-fiction-art-float:    left;
 

package/styles/page-templates.css

@@ -4,9 +4,10 @@
 
    ── ARCHITECTURAL CONTRACT ────────────────────────────────────────────────
    OWNS:
-   - ALL THEME columns:N rules — this is the ONLY file that may set columns on
-     a theme selector. Components are always single-flow. It may NOT set
-     columns on core's `.gp-columns-*` (only their `--gp-column-gap`).
+   - ALL page and section columns:N layouts — this is the ONLY file that may
+     set columns on a page template or section run. A component may column its
+     OWN internals in its own sheet (cards.css, section.css .dc-card-grid). It
+     may NOT set columns on core's `.gp-columns-*` (only their `--gp-column-gap`).
    - .page.* content layout rules (columns, flex, grid on page content divs)
    - .page base geometry, .column-break
    - .dc-full-page full-bleed geometry (its named-page assignment,
@@ -26,8 +27,9 @@
    - @media screen rules (print-only project)
 
    COLUMN OWNERSHIP RULE (narrowed, dc#41): if a THEME rule sets columns:N on a PAGE TEMPLATE (.page.*) in this
-   project, it belongs here and ONLY here. Any columns:N found in another file
-   is a bug. Core's `.gp-columns-2` / `.gp-columns-3` are the generic column
+   project, it belongs here and ONLY here. A columns:N on a page/section
+   selector found in another file is a bug (a component's own-internals layout
+   in its sheet is not). Core's `.gp-columns-2` / `.gp-columns-3` are the generic column
    vocabulary and are NOT this file's to redefine — this file may only set
    their `--gp-column-gap`. See the column-runs block below.
 
@@ -250,12 +252,6 @@
   --gp-column-gap: 0.18in;  /* narrower than --gutter: three measures, less air */
 }
 
-.dc-card-grid > .dc-intro,
-.dc-card-grid > h1,
-.dc-card-grid > h2 {
-  column-span: all;
-}
-
 .dc-card-grid .dc-specialty,
 .dc-card-grid .dc-specialty-card {
   break-inside: avoid;