@justai/cuts 0.28.0 → 0.28.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/ground.css +12 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@justai/cuts",
3
- "version": "0.28.0",
3
+ "version": "0.28.1",
4
4
  "description": "A persona's named parts \u2014 the page shell that holds them, and the cuts themselves.",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
package/src/ground.css CHANGED
@@ -65,12 +65,20 @@
65
65
  }
66
66
  }
67
67
 
68
- /* The body's own ground — margin reset, the fleet's type baseline, the page colours. Zero
69
- * specificity again: any consumer body rule overrides. Without this, a blank page renders the
70
- * sheet over a white serif document the Times lesson, carved as CSS. */
68
+ /* The page's ground — margin reset, the fleet's type baseline, and the page colour ON :where(html),
69
+ * NEVER on body. Learned live, fleet-wide, within a day: personas paint their dot-grid on html and
70
+ * leave body's background UNDECLARED relying on the web's default transparency structurally, not
71
+ * by declaration. Zero specificity beats a declaration that exists; it still fills one that never
72
+ * did. A body background from the ground, with the fleet's `body{height:100%}`, painted an opaque
73
+ * viewport-tall box over the top of every grid — dots gone at the top, reappearing where body ends.
74
+ * The founder saw it before any instrument did. The rule that survives: THE GROUND MAY ONLY SUPPLY
75
+ * WHAT A BARE PAGE LACKS ON ELEMENTS CONSUMERS DECLARE — html's background is declared by every
76
+ * persona (they win); body's transparency is load-bearing and stays untouched. */
77
+ :where(html) {
78
+ background: var(--bg);
79
+ }
71
80
  :where(body) {
72
81
  margin: 0;
73
- background: var(--bg);
74
82
  color: var(--text);
75
83
  font: 1rem/1.5 var(--font);
76
84
  }