@x12i/made-easy 0.0.0-stage → 0.1.0

package/themes/book/1.0.0/theme.css

@@ -0,0 +1,190 @@
+:root{
+  --ink:#1b1f24;--paper:#fffdf8;--muted:#4f5864;--rule:#d9d3c5;--accent:#1f4e79;--accent-soft:#e7eef6;
+  --code-bg:#f3f0e8;--ok:#14532d;--ok-bg:#e6f4ea;--warn:#7a4a00;--warn-bg:#fdf1d8;--bad:#8a1c1c;--bad-bg:#fbe6e6;
+  --focus:#b45309;--radius:6px;
+  --serif:Georgia,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;
+  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
+  --mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;
+}
+*{box-sizing:border-box}
+html{-webkit-text-size-adjust:100%;scroll-padding-top:1rem}
+body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.65 var(--serif);counter-reset:chapter appendix}
+a{color:var(--accent);text-underline-offset:.15em}
+a:hover{text-decoration-thickness:2px}
+:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}
+.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+.skip-link{position:absolute;left:.5rem;top:-4rem;background:var(--ink);color:#fff;padding:.5rem .8rem;z-index:10;border-radius:var(--radius);font:600 .9rem var(--sans)}
+.skip-link:focus{top:.5rem}
+code,pre,kbd{font-family:var(--mono);font-size:.9em}
+code{background:var(--code-bg);padding:.08em .3em;border-radius:3px;overflow-wrap:anywhere}
+pre.code{background:var(--code-bg);border:1px solid var(--rule);border-left:4px solid var(--accent);padding:.8rem 1rem;overflow:auto;border-radius:var(--radius);line-height:1.45;white-space:pre;max-width:100%}
+pre.code code{background:none;padding:0;font-size:.85rem;overflow-wrap:normal}
+.draft-banner{background:var(--warn-bg);color:var(--warn);border-bottom:3px solid var(--warn);padding:.6rem 1rem;font:700 .9rem var(--sans);text-align:center;letter-spacing:.02em}
+.draft-watermark{display:none}
+
+/* cover */
+.cover{padding:4.5rem 1.5rem 3rem;border-bottom:6px double var(--rule);background:linear-gradient(180deg,var(--accent-soft),var(--paper))}
+.cover-inner{max-width:52rem;margin:0 auto}
+.kicker{font:700 .8rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem}
+.cover h1{font:700 clamp(2.2rem,6vw,3.6rem)/1.08 var(--serif);margin:0 0 .6rem;letter-spacing:-.01em}
+.cover .subtitle{font:1.3rem/1.4 var(--serif);color:var(--muted);margin:0 0 2rem}
+.cover-meta{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1.2rem;font:.9rem/1.5 var(--sans);margin:0}
+.cover-meta dt{font-weight:700;color:var(--muted)}
+.cover-meta dd{margin:0;overflow-wrap:anywhere}
+
+/* layout & navigation */
+.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:72rem;margin:0 auto;padding:0 1.25rem}
+.toc{font:.92rem/1.45 var(--sans);padding:1.5rem 0;border-bottom:1px solid var(--rule)}
+.toc-title{font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--muted);margin:0 0 .6rem}
+.toc ol{margin:0;padding-left:1.25rem}
+.toc li{margin:.25rem 0}
+.toc .toc-sub{font-size:.85rem;color:var(--muted)}
+.toc a{text-decoration:none}
+.toc a:hover,.toc a:focus-visible{text-decoration:underline}
+.toc .toc-other{margin-top:.8rem;padding-top:.6rem;border-top:1px dashed var(--rule);list-style:none;margin-left:-1.25rem}
+main{padding:1.5rem 0 3rem;min-width:0}
+main:focus{outline:none}
+@media (min-width:62rem){
+  .layout{grid-template-columns:16rem minmax(0,1fr);gap:3rem}
+  .toc{position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto;border-bottom:0;border-right:1px solid var(--rule);padding:2rem 1rem 2rem 0}
+  main{padding:2.5rem 0 4rem}
+}
+
+/* chapters */
+.chapter{margin:0 0 4rem;max-width:46rem}
+.chapter>header .chapter-no{font:700 .8rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0}
+.chapter>header .chapter-no::before{counter-increment:chapter;content:"Chapter " counter(chapter)}
+.appendix>header .chapter-no::before{counter-increment:appendix;content:"Appendix " counter(appendix,upper-alpha)}
+.chapter h2{font:700 2rem/1.2 var(--serif);margin:.2rem 0 1rem;border-bottom:2px solid var(--ink);padding-bottom:.4rem}
+.chapter h3{font:700 1.35rem/1.3 var(--serif);margin:2rem 0 .6rem}
+.chapter h4{font:700 1.05rem/1.3 var(--sans);margin:1.4rem 0 .5rem}
+.chapter h5{font:700 .95rem/1.3 var(--sans);margin:1rem 0 .3rem;color:var(--muted)}
+.chapter .anchor{font-size:.7em;margin-left:.3em;text-decoration:none;opacity:.35}
+.chapter :is(h2,h3,h4):hover .anchor,.chapter .anchor:focus-visible{opacity:1}
+.chapter p{margin:.7rem 0}
+.chapter ul,.chapter ol{padding-left:1.5rem}
+.chapter li{margin:.25rem 0}
+.back-to-top{font:.8rem var(--sans);margin-top:2rem}
+img{max-width:100%;height:auto}
+figure{margin:1.2rem 0}
+figcaption{font:.88rem/1.4 var(--sans);color:var(--muted);margin:.3rem 0}
+.table-wrap{overflow-x:auto;margin:1rem 0;max-width:100%}
+table{border-collapse:collapse;width:100%;font:.92rem/1.45 var(--sans)}
+caption{text-align:left;font-weight:700;padding:.3rem 0}
+th,td{border:1px solid var(--rule);padding:.45rem .6rem;vertical-align:top;text-align:left}
+thead th{background:var(--accent-soft);border-bottom:2px solid var(--accent)}
+tbody th{background:#faf8f2;font-weight:600}
+td.align-right,th.align-right{text-align:right}td.align-center,th.align-center{text-align:center}
+.sub{display:block;font:.85rem/1.4 var(--sans);color:var(--muted)}
+.empty{color:var(--muted);font-style:italic}
+mark.placeholder{background:#fff3bf;color:#5c4400;border:1px dashed #b88700;padding:0 .25em;border-radius:3px;font-family:var(--sans);font-size:.88em}
+.ref{font-family:var(--sans);font-size:.88em}
+.ref-unresolved{background:var(--bad-bg);color:var(--bad);border:1px solid var(--bad);padding:0 .25em;border-radius:3px}
+.tag{display:inline-block;font:700 .72rem var(--sans);letter-spacing:.04em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:.05rem .5rem;color:var(--muted);vertical-align:middle}
+.tag.verified{color:var(--ok)}.tag.unverified{color:var(--warn)}
+
+/* blocks */
+.block{border:1px solid var(--rule);border-left:5px solid var(--accent);border-radius:var(--radius);background:#fff;padding:.9rem 1.1rem 1rem;margin:1.4rem 0;font:1rem/1.55 var(--sans)}
+.block>.block-kicker{font:700 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:.1rem 0 .5rem}
+.block h4{margin-top:1rem}
+.block ul,.block ol{margin:.4rem 0}
+.facts{margin:.3rem 0;display:grid;gap:.5rem}
+.fact{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:.2rem 1rem}
+.fact dt{font-weight:700;color:var(--muted);font-size:.9rem}
+.fact dd{margin:0}
+.fact dd ul{margin:0;padding-left:1.1rem}
+@media (max-width:40rem){.fact{grid-template-columns:1fr}}
+.options>li{margin:.7rem 0;padding:.5rem .7rem;background:#faf8f2;border-radius:var(--radius);border:1px solid var(--rule);list-style-position:inside}
+.option-head{display:inline}
+.options p{margin:.25rem 0}
+.evidence{font-size:.88rem;margin:.4rem 0}
+.evidence-links{display:inline;list-style:none;padding:0;margin:0}
+.evidence-links li{display:inline;margin:0 .6rem 0 0}
+.decision{border-left-color:var(--accent)}
+.job-map{border-left-color:#4b6b3a}
+.jm-grid{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:1rem}
+@media (max-width:48rem){.jm-grid{grid-template-columns:1fr}}
+.jm-col{background:#faf8f2;border:1px solid var(--rule);border-radius:var(--radius);padding:.2rem .9rem .6rem;min-width:0}
+.jm-col ul,.jm-col ol{padding-left:1.1rem}
+.actor{display:inline-block;font:700 .7rem var(--sans);text-transform:uppercase;letter-spacing:.06em;padding:.05rem .45rem;border-radius:3px;border:1.5px solid var(--ink);margin-right:.3rem}
+.actor-human{background:var(--ink);color:#fff}
+.actor-operator{background:#fff;color:var(--ink)}
+.actor-system{background:#fff;color:var(--ink);border-style:dashed}
+.text-equivalent{margin-top:1rem;padding-top:.6rem;border-top:1px dashed var(--rule);font-size:.92rem}
+.human-action{border-left-color:#7a4a00}
+.human-action.kind-delegated{border-left-style:dashed}
+.pause{border-left-color:var(--bad);background:#fffafa}
+.pause>.block-kicker{color:var(--bad)}
+.brief{border-left-color:#5b3a8c}
+.brief>.block-kicker{color:#5b3a8c}
+.brief-panes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
+@media (max-width:48rem){.brief-panes{grid-template-columns:1fr}}
+.brief-pane{background:#faf8f2;border:1px solid var(--rule);border-radius:var(--radius);padding:.2rem .9rem .7rem;min-width:0}
+.brief-pane .fact{grid-template-columns:1fr}
+.brief-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
+@media (max-width:48rem){.brief-cols{grid-template-columns:1fr}}
+.reference-pin{margin-top:1rem;padding:.2rem .9rem .7rem;border:2px solid #5b3a8c;border-radius:var(--radius)}
+.review-checklist{border-left-color:#14532d}
+.checklist{list-style:none;padding:0!important}
+.checklist li{display:grid;grid-template-columns:2rem 1fr;gap:.4rem;margin:.7rem 0;break-inside:avoid}
+.checklist .box{font-size:1.5rem;line-height:1}
+.checklist p{margin:.1rem 0}
+.compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
+@media (max-width:62rem){.compare{grid-template-columns:1fr}}
+.result{border:2px solid var(--ink);border-radius:var(--radius);padding:.2rem .9rem .8rem;background:#fff;min-width:0}
+.result-flawed{border-style:dashed}
+.result>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;align-items:baseline}
+.result h4{margin:.8rem 0 .3rem}
+.verdict{font:800 .9rem var(--sans);letter-spacing:.06em;text-transform:uppercase;margin:.8rem 0 .3rem;border:2px solid currentColor;border-radius:3px;padding:.1rem .6rem}
+.verdict-usable{color:var(--ok);background:var(--ok-bg)}.verdict-partial{color:var(--warn);background:var(--warn-bg)}.verdict-invalid{color:var(--bad);background:var(--bad-bg)}
+.check-results th,.check-results td{font-size:.85rem}
+.outcome{font-weight:800;white-space:nowrap;letter-spacing:.02em}
+.outcome-pass{color:var(--ok)}.outcome-fail{color:var(--bad)}.outcome-missing{color:var(--warn)}.outcome-contradictory{color:var(--bad)}
+tr.outcome-fail td:first-of-type,tr.outcome-contradictory td:first-of-type{background:var(--bad-bg)}
+tr.outcome-missing td:first-of-type{background:var(--warn-bg)}
+tr.outcome-pass td:first-of-type{background:var(--ok-bg)}
+tr.decisive th{box-shadow:inset 4px 0 0 var(--ink)}
+.recovery{border-top:1px dashed var(--rule);padding-top:.5rem}
+.callout{border-left-width:5px;font:1rem/1.55 var(--sans)}
+.callout-title{margin:0 0 .3rem;font-weight:700}
+.callout-label{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;border:1.5px solid currentColor;padding:.05rem .4rem;border-radius:3px}
+.callout-info{border-left-color:var(--accent);background:var(--accent-soft)}
+.callout-success{border-left-color:var(--ok);background:var(--ok-bg)}
+.callout-warning,.callout-exception{border-left-color:var(--warn);background:var(--warn-bg)}
+.callout-risk{border-left-color:var(--bad);background:var(--bad-bg)}
+.callout-exception{border-left-style:dashed}
+.example{border-left-color:#0f5f5f}
+.profile .fact{grid-template-columns:minmax(9rem,14rem) 1fr}
+.appendix .claim,.appendix .source,.appendix .check{border-top:1px solid var(--rule);padding:.6rem 0}
+.appendix h3{font-size:1.15rem}
+.status-unresolved{color:var(--bad)}.status-supported{color:var(--ok)}
+.colophon{max-width:72rem;margin:0 auto;padding:1.5rem 1.25rem 3rem;border-top:1px solid var(--rule);font:.82rem/1.5 var(--sans);color:var(--muted)}
+.colophon code{font-size:.8rem}
+
+/* print */
+@media print{
+  html{scroll-padding-top:0}
+  body{background:#fff;font-size:10.5pt;line-height:1.5}
+  .skip-link,.toc,.back-to-top,.anchor{display:none!important}
+  .layout{display:block;padding:0;max-width:none}
+  .cover{min-height:92vh;padding:6rem 1rem 2rem;background:#fff;border-bottom:0;break-after:page;display:flex;align-items:center}
+  .cover-inner{max-width:none}
+  .chapter{max-width:none;margin:0;break-before:page}
+  .chapter:first-of-type{break-before:auto}
+  .chapter h2,.chapter h3,.chapter h4,.chapter h5{break-after:avoid}
+  .block,.result,.options>li,.jm-col,.callout,figure,.checklist li{break-inside:avoid}
+  .block.example,.block.brief,.block.job-map,.block.evidence-comparison{break-inside:auto}
+  table{break-inside:auto}tr,.fact{break-inside:avoid}thead{display:table-header-group}
+  .compare,.jm-grid,.brief-panes,.brief-cols{display:block}
+  .compare>*,.jm-grid>*,.brief-panes>*,.brief-cols>*{margin-bottom:.8rem}
+  .table-wrap{overflow:visible}
+  pre.code{white-space:pre-wrap;overflow:visible;word-break:break-word}
+  a{color:inherit;text-decoration:none}
+  .chapter p a[href^="http"]::after,.chapter li a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em;color:var(--muted);word-break:break-all}
+  a.ref::after{content:none!important}
+  .draft-banner{position:static}
+  body.is-draft .draft-watermark{display:block;position:fixed;top:42%;left:0;right:0;text-align:center;font:800 7rem/1 var(--sans);color:rgba(138,28,28,.09);transform:rotate(-24deg);z-index:-1;pointer-events:none}
+  .colophon{border-top:1px solid #999;padding:1rem 0}
+}
+@media (forced-colors:active){.block,.result,.jm-col,.brief-pane{border:2px solid CanvasText}}
+@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

package/themes/book/1.0.0/theme.json

@@ -0,0 +1,5 @@
+{
+  "id": "book",
+  "version": "1.0.0",
+  "description": "Cover, chapter headings, typography, navigation, code and print styles."
+}