mptyl/ThothII
1
0
Fork 0
Code Issues 25 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

deck slide 07 impeccable layout pass: tier groups separated (22px tier1->tier2, 18px before points), split hugs content and re-centers vertically (no full-height stretch), output panel beats tightened to 13px padding rhythm; css v37

Browse Source
This commit is contained in:
Codex
2026-09-07 23:15:52 +02:00
parent 4127c1e590
commit 6f58be6cbd
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
presentation/deck/deck.css
+6 -5
View File
@@ -215,10 +215,11 @@
.arit .cue { margin-top: 22px; font: 600 12px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
/* ontology slide: EN-first category pills + output panel */
.arit .onto-split { flex: 1; min-height: 0; display: grid; grid-template-columns: 1.25fr 1fr;
.arit .onto-split { flex: 0 0 auto; display: grid; grid-template-columns: 1.25fr 1fr;
gap: 26px; align-items: stretch; margin-top: 14px; }
.arit .tier-h { display: flex; align-items: center; font: 700 10px/1 var(--mono); letter-spacing: .14em;
text-transform: uppercase; color: var(--bordeaux-deep); margin-bottom: 9px; }
text-transform: uppercase; color: var(--bordeaux-deep); margin: 22px 0 9px; }
.arit .onto-left .tier-h:first-child { margin-top: 0; }
.arit .tier-h .cnt { margin-left: auto; font: 700 9px/1 var(--mono); color: var(--bordeaux);
border: 1px solid var(--bordeaux); border-radius: 9999px; padding: 2px 7px; }
.arit .cats { display: flex; flex-wrap: wrap; gap: 8px; }
@@ -227,8 +228,8 @@
.arit .cat b { font: 700 13px/1 var(--sans); color: var(--ink); }
.arit .cat .it { font: 400 11px/1 var(--sans); color: var(--ink-muted); }
.arit .cat.fill { background: var(--bordeaux-tint); }
.arit .onto-points { margin-top: 12px; }
.arit .oitem { display: flex; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--line); }
.arit .onto-points { margin-top: 18px; }
.arit .oitem { display: flex; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.arit .oitem:last-child { border-bottom: none; }
.arit .oitem .n { flex: 0 0 22px; font: 700 11px/1.6 var(--mono); color: var(--bordeaux); }
.arit .oitem b { font: 700 13px/1.35 var(--sans); color: var(--ink); }
@@ -237,7 +238,7 @@
padding: 15px 18px 8px; align-self: stretch; display: flex; flex-direction: column; }
.arit .out-h { display: block; font: 700 10px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase;
color: var(--bordeaux-deep); margin-bottom: 4px; }
.arit .out-item { display: flex; gap: 10px; padding: 11px 0; border-bottom: 1px solid rgba(143,18,4,.18); flex: 1; }
.arit .out-item { display: flex; gap: 10px; padding: 13px 0; border-bottom: 1px solid rgba(143,18,4,.18); flex: 1; }
.arit .out-item:last-child { border-bottom: none; }
.arit .out-item .n { flex: 0 0 22px; font: 700 11px/1.6 var(--mono); color: var(--bordeaux-deep); }
.arit .out-item b { font: 700 13px/1.35 var(--sans); color: var(--bordeaux-deep); }