@open-press/cli 0.3.0 → 0.6.0

package/template/packs/editorial-monograph/document/theme/base/typography.css

@@ -0,0 +1,336 @@
+/* Page-surface styles (cover, back-cover, toc) live in
+ * document/theme/page-surfaces/. */
+
+.reader-page--content {
+  padding: 0;
+}
+
+.content-body {
+  background: var(--openpress-color-document);
+}
+
+h2,
+h3,
+h4 {
+  break-after: avoid;
+  color: var(--openpress-color-ink);
+  letter-spacing: 0.04em;
+}
+
+h2 {
+  margin: 0 0 var(--openpress-space-4);
+  padding: 0;
+  font-family: var(--openpress-font-serif);
+  font-size: clamp(5.7pt, 3.4cqw, 17pt);
+  line-height: 1.45;
+  font-weight: 300;
+  border: 0;
+}
+
+h2::before {
+  content: "";
+  display: block;
+  width: 36px;
+  height: 1px;
+  background: var(--openpress-color-ink);
+  margin-bottom: var(--openpress-space-4);
+}
+
+.reader-page--content .page-body > h2:first-child {
+  display: flex;
+  align-items: baseline;
+  gap: 0.55em;
+  margin: 0 0 var(--openpress-space-4);
+}
+
+.reader-page--content .page-body > h2:first-child::before {
+  content: attr(data-chapter);
+  display: inline-block;
+  flex-shrink: 0;
+  font-family: var(--openpress-font-serif);
+  font-size: 1.55em;
+  font-weight: 300;
+  color: var(--openpress-color-muted);
+  line-height: 1;
+  letter-spacing: 0.06em;
+  width: auto;
+  min-width: 0;
+  height: auto;
+  background: transparent;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+.reader-page--content h3[data-section] {
+  display: flex;
+  align-items: baseline;
+  gap: 0.55em;
+}
+
+.reader-page--content h3[data-section]::before {
+  content: attr(data-section);
+  flex-shrink: 0;
+  font-family: var(--openpress-font-serif);
+  font-size: 0.95em;
+  font-weight: 300;
+  color: var(--openpress-color-muted);
+  letter-spacing: 0.08em;
+  line-height: inherit;
+}
+
+h2 + p,
+h2 + h3 {
+  margin-top: var(--openpress-space-3);
+}
+
+h3 {
+  margin: var(--openpress-space-3) 0 var(--openpress-space-2);
+  font-family: var(--openpress-font-serif);
+  font-size: clamp(4.8pt, 2.4cqw, 13pt);
+  line-height: 1.55;
+  font-weight: 400;
+  color: var(--openpress-color-ink);
+  letter-spacing: 0.03em;
+}
+
+.reader-page--content .page-body > h3:first-child {
+  margin-top: 0;
+}
+
+h4 {
+  margin: var(--openpress-space-3) 0 var(--openpress-space-1);
+  font-family: var(--openpress-font-body);
+  font-size: clamp(4.4pt, 1.9cqw, 11pt);
+  font-weight: 500;
+  color: var(--openpress-color-muted);
+  letter-spacing: 0.04em;
+}
+
+p {
+  margin: 0 0 var(--openpress-space-2);
+  font-size: clamp(4.2pt, 1.85cqw, 10.5pt);
+  line-height: 1.85;
+}
+
+.reader-page--content p,
+.reader-page--content li,
+.reader-page--content td {
+  hanging-punctuation: first allow-end;
+}
+
+.reader-page--content.is-chapter-end .page-body::after {
+  content: "―";
+  display: block;
+  text-align: center;
+  margin-top: var(--openpress-space-1);
+  color: var(--openpress-color-muted);
+  font-size: 1em;
+  letter-spacing: 0.4em;
+  opacity: 0.45;
+}
+
+strong {
+  font-weight: 600;
+  color: var(--openpress-color-ink);
+}
+
+em {
+  font-style: italic;
+  font-family: var(--openpress-font-serif);
+  color: var(--openpress-color-ink);
+}
+
+del,
+s {
+  color: var(--openpress-color-muted);
+  text-decoration-thickness: 1px;
+  text-decoration-color: var(--openpress-color-muted);
+}
+
+mark {
+  background: var(--openpress-chart-gold-bg);
+  color: var(--openpress-color-ink);
+  padding: 0 0.15em;
+  border-radius: 1px;
+}
+
+a {
+  color: var(--openpress-color-ink);
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+  text-decoration-color: var(--openpress-color-muted);
+  text-underline-offset: 2px;
+}
+
+/* Inline 語意強調 — 受控 status 色票
+ * Markdown 內用 <span class="status-warn|status-success|status-info">。
+ * 不提供 .accent-<color>（按色相命名）以避免破壞語意系統。
+ */
+.status-warn {
+  color: var(--openpress-status-warn);
+  font-weight: 600;
+}
+
+.status-success {
+  color: var(--openpress-status-success);
+  font-weight: 600;
+}
+
+.status-info {
+  color: var(--openpress-status-info);
+  font-weight: 600;
+}
+
+.text-muted {
+  color: var(--openpress-color-muted);
+}
+
+figcaption,
+caption {
+  margin-top: 2mm;
+  color: var(--openpress-color-muted);
+  font-size: clamp(3.8pt, 1.45cqw, 8.5pt);
+  line-height: 1.5;
+  letter-spacing: 0.02em;
+  text-align: center;
+}
+
+caption {
+  caption-side: bottom;
+  margin: var(--openpress-space-1) 0 0;
+  text-align: center;
+}
+
+ol,
+ul {
+  margin: 0 0 var(--openpress-space-3);
+  padding-left: 7mm;
+  font-size: clamp(4.2pt, 1.85cqw, 10.5pt);
+  line-height: 1.85;
+}
+
+ol {
+  list-style: decimal outside;
+}
+
+ul {
+  list-style: disc outside;
+}
+
+li {
+  margin: 0 0 1.4mm;
+  padding-left: 1mm;
+}
+
+figure {
+  break-inside: avoid;
+  margin: var(--openpress-space-4) 0 var(--openpress-space-2);
+}
+
+figure img {
+  display: block;
+  max-width: 100%;
+  max-height: 135mm;
+  margin: 0 auto;
+  padding: 6px;
+  border: 1px solid var(--openpress-color-line);
+  background: #ffffff;
+  box-sizing: border-box;
+}
+
+.reader-page--content .page-body > figure {
+  width: min(86%, 150mm);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.reader-page--content .page-body > figure img {
+  width: 100%;
+  max-height: 92mm;
+  object-fit: contain;
+}
+
+table {
+  width: 100%;
+  margin: var(--openpress-space-3) 0 var(--openpress-space-4);
+  border-collapse: collapse;
+  border: 0;
+  border-top: 1px solid var(--openpress-color-ink);
+  background: transparent;
+  font-size: clamp(3.5pt, 1.55cqw, 9pt);
+  line-height: var(--openpress-leading-table);
+  break-inside: avoid;
+}
+
+thead {
+  display: table-header-group;
+}
+
+th,
+td {
+  padding: 3.4mm 2.4mm;
+  border: 0;
+  border-bottom: 1px solid var(--openpress-color-line);
+  vertical-align: top;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  word-break: normal;
+}
+
+th {
+  color: var(--openpress-color-ink);
+  background: transparent;
+  border-bottom: 1px solid var(--openpress-color-ink);
+  text-align: left;
+  font-weight: 500;
+  letter-spacing: 0.02em;
+  white-space: nowrap;
+}
+
+.reader-page--content tbody tr:nth-child(even) td {
+  background: #fafafa;
+}
+
+.reader-page--content table:not(.figure-grid) tbody tr:last-child td {
+  border-bottom: 1px solid var(--openpress-color-ink);
+}
+
+code {
+  font-family: var(--openpress-font-mono);
+  font-size: 0.92em;
+  padding: 0.05em 0.25em;
+  background: rgba(0, 0, 0, 0.04);
+  border-radius: 2px;
+  overflow-wrap: anywhere;
+  word-break: normal;
+}
+
+pre {
+  max-width: 100%;
+  margin: var(--openpress-space-2) 0 var(--openpress-space-3);
+  padding: 2.6mm 3.2mm;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  word-break: normal;
+  background: #f7f7f4;
+  border: 0;
+  border-top: 1px solid var(--openpress-color-line);
+  border-bottom: 1px solid var(--openpress-color-line);
+}
+
+pre code {
+  display: block;
+  padding: 0;
+  background: transparent;
+  border-radius: 0;
+  font-size: clamp(4pt, 1.65cqw, 9.2pt);
+  line-height: 1.65;
+  color: #262626;
+}
+
+hr {
+  margin: var(--openpress-space-4) 0;
+  border: 0;
+  border-top: 1px solid var(--openpress-color-line);
+}

package/template/packs/editorial-monograph/document/theme/fonts.css

@@ -0,0 +1,3 @@
+/* open-press copies this file to /openpress/fonts.css during export. */
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;600;700&family=Noto+Serif+TC:wght@300;400;600&display=swap");
+

package/template/packs/editorial-monograph/document/theme/page-surfaces/back-cover.css

@@ -0,0 +1,43 @@
+/* page-surfaces / back-cover
+ * Refinements on top of cover.css: back-cover centers its main column and
+ * uses a kicker + statement + summary instead of title + tagline + summary.
+ */
+
+.back-cover-main {
+  justify-content: center;
+}
+
+.back-cover-kicker {
+  margin: 0;
+  font-family: var(--openpress-font-serif);
+  font-size: clamp(30px, 6.8cqw, 54px);
+  font-weight: 300;
+  line-height: 1;
+  letter-spacing: 0.01em;
+  color: var(--openpress-color-ink);
+}
+
+.back-cover-statement {
+  margin: 0;
+  max-width: 84%;
+  font-family: var(--openpress-font-body);
+  font-size: clamp(11.5pt, 2.05cqw, 14pt);
+  font-weight: 400;
+  line-height: 1.6;
+  letter-spacing: 0.02em;
+  color: var(--openpress-color-ink);
+}
+
+.back-cover-summary {
+  margin: var(--openpress-space-2) 0 0;
+  max-width: 90%;
+  font-family: var(--openpress-font-body);
+  font-size: clamp(9pt, 1.65cqw, 10pt);
+  line-height: 1.8;
+  color: var(--openpress-color-muted);
+}
+
+.back-cover-visual img {
+  max-height: 18cqh;
+  opacity: 0.9;
+}

package/template/packs/editorial-monograph/document/theme/page-surfaces/chapter-opener.css

@@ -0,0 +1,205 @@
+/* page-surfaces / chapter-opener
+ * Optional H2-level divider for book-like documents. Formal reports can omit
+ * the `kind: chapter-opener` source page and this surface will not appear.
+ */
+
+.reader-page--chapter-opener {
+  position: relative;
+  overflow: hidden;
+  background:
+    linear-gradient(90deg, rgba(31, 35, 40, 0.08), transparent 42%),
+    var(--openpress-color-document);
+}
+
+.reader-page--chapter-opener:has(.chapter-opener-illustration) {
+  --chapter-opener-bg: #6f9f8a;
+  --chapter-opener-ink: #101211;
+  --chapter-opener-title: #101211;
+  --chapter-opener-paper: var(--openpress-color-document);
+  background: var(--chapter-opener-bg);
+}
+
+.reader-page--chapter-opener:has(.chapter-opener-tone--sage) {
+  --chapter-opener-bg: #6f9f8a;
+  --chapter-opener-title: #101211;
+  --chapter-opener-paper: var(--openpress-color-document);
+}
+
+.reader-page--chapter-opener:has(.chapter-opener-tone--lavender) {
+  --chapter-opener-bg: #8680bf;
+  --chapter-opener-title: #101211;
+  --chapter-opener-paper: var(--openpress-color-document);
+}
+
+.reader-page--chapter-opener:has(.chapter-opener-tone--mint) {
+  --chapter-opener-bg: #bfd4cd;
+  --chapter-opener-title: #101211;
+  --chapter-opener-paper: var(--openpress-color-document);
+}
+
+.reader-page--chapter-opener:has(.chapter-opener-tone--amber) {
+  --chapter-opener-bg: #d7b56d;
+  --chapter-opener-title: #101211;
+  --chapter-opener-paper: var(--openpress-color-document);
+}
+
+.reader-page--chapter-opener::before {
+  content: "";
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: 5mm;
+  background: color-mix(in srgb, var(--openpress-color-soft-line), transparent 28%);
+  border-right: 1px solid var(--openpress-color-line);
+}
+
+.reader-page--chapter-opener:has(.chapter-opener-illustration)::before {
+  content: none;
+}
+
+.reader-page--chapter-opener .page-frame {
+  background: transparent;
+}
+
+.reader-page--chapter-opener .page-body {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: clamp(20px, 3.4cqw, 40px);
+  width: min(138mm, 84%);
+  max-width: none;
+  min-height: 0;
+  margin-inline: auto;
+  padding-bottom: 4mm;
+  z-index: 1;
+}
+
+.reader-page--chapter-opener:has(.chapter-opener-illustration) .page-body {
+  justify-content: flex-end;
+  align-items: flex-start;
+  width: min(168mm, 86%);
+  padding-bottom: 28mm;
+  gap: clamp(10px, 1.8cqw, 20px);
+  z-index: 2;
+}
+
+.reader-page--chapter-opener .page-body::before {
+  content: none;
+}
+
+.reader-page--chapter-opener:has(.chapter-opener-illustration) .chapter-opener-body {
+  display: contents;
+}
+
+.chapter-opener-illustration {
+  position: absolute;
+  top: 22mm;
+  right: 14mm;
+  width: min(112mm, 54%);
+  margin: 0;
+  color: var(--chapter-opener-ink, #101211);
+  z-index: 1;
+}
+
+.chapter-opener-illustration svg {
+  display: block;
+  width: 100%;
+  height: auto;
+  overflow: visible;
+}
+
+.chapter-opener-illustration__paper {
+  fill: var(--chapter-opener-paper, var(--openpress-color-document));
+}
+
+.chapter-opener-illustration__stroke,
+.chapter-opener-illustration__arrow,
+.chapter-opener-illustration__thin {
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+
+.chapter-opener-illustration__stroke,
+.chapter-opener-illustration__arrow {
+  stroke-width: 14;
+}
+
+.chapter-opener-illustration__thin {
+  stroke-width: 8;
+}
+
+.chapter-opener-illustration__node,
+.chapter-opener-illustration__dot {
+  fill: currentColor;
+}
+
+.chapter-opener-kicker {
+  display: none;
+}
+
+.reader-page--chapter-opener:has(.chapter-opener-illustration) .chapter-opener-kicker {
+  display: inline-flex;
+  align-items: center;
+  width: fit-content;
+  min-height: 8mm;
+  margin: 0 0 clamp(4px, 1cqw, 10px);
+  padding: 0 7mm;
+  border: 1px solid currentColor;
+  border-radius: 999px;
+  color: var(--chapter-opener-ink, #101211);
+  font-size: clamp(10pt, 1.8cqw, 14pt);
+  font-weight: 700;
+  line-height: 1;
+}
+
+.chapter-opener-title {
+  max-width: 100%;
+  margin: 0;
+  color: var(--openpress-color-ink);
+  font-family: var(--openpress-font-serif);
+  font-size: clamp(36pt, 8.4cqw, 64pt);
+  font-weight: 600;
+  line-height: 0.98;
+}
+
+.reader-page--chapter-opener:has(.chapter-opener-illustration) .chapter-opener-title {
+  max-width: 118mm;
+  color: var(--chapter-opener-title, var(--openpress-color-ink));
+  font-size: clamp(52px, 12.4cqw, 112px);
+  line-height: 0.92;
+}
+
+.chapter-opener-title::before {
+  content: none;
+}
+
+.chapter-opener-subtitle {
+  max-width: 112mm;
+  margin: 0;
+  color: var(--openpress-color-ink);
+  font-size: clamp(18pt, 3.7cqw, 28pt);
+  line-height: 1.35;
+}
+
+.reader-page--chapter-opener:has(.chapter-opener-illustration) .chapter-opener-subtitle {
+  max-width: 100mm;
+  color: var(--chapter-opener-title, var(--openpress-color-ink));
+}
+
+.chapter-opener-summary {
+  max-width: 108mm;
+  margin: 0;
+  color: var(--openpress-color-muted);
+  font-size: clamp(10pt, 1.6cqw, 12pt);
+  line-height: 1.7;
+}
+
+.chapter-opener-body > :first-child {
+  margin-top: 0;
+}
+
+.chapter-opener-body > :last-child {
+  margin-bottom: 0;
+}

package/template/packs/editorial-monograph/document/theme/page-surfaces/toc.css

@@ -0,0 +1,139 @@
+/* page-surfaces / toc
+ * Table-of-contents page surface routed by `kind: toc` and built by the
+ * engine's renderToc(). Layout uses a 3-column grid (index / title / page).
+ */
+
+.reader-page--toc {
+  padding: 0;
+}
+
+.reader-page--toc h2 {
+  margin-top: 0;
+  font-family: var(--openpress-font-serif);
+  font-weight: 300;
+  letter-spacing: 0.12em;
+  font-size: clamp(15pt, 3.6cqw, 18pt);
+  border-bottom: 0;
+  padding-bottom: 0;
+}
+
+.reader-page--toc h2.toc-heading--continuation {
+  margin-bottom: 0;
+  color: var(--openpress-color-muted);
+  font-family: var(--openpress-font-mono);
+  font-size: calc(8.5pt - var(--openpress-type-step-down));
+  font-weight: 400;
+  letter-spacing: 0.08em;
+  text-align: right;
+}
+
+.toc-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75mm;
+  margin: 10mm 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+.toc-continuation .toc-list {
+  margin-top: 5mm;
+}
+
+.toc-list li {
+  border-bottom: 0;
+}
+
+.toc-list a {
+  display: grid;
+  grid-template-columns: 9mm minmax(0, 1fr) 12mm;
+  column-gap: 3mm;
+  align-items: baseline;
+  color: var(--openpress-color-ink);
+  text-decoration: none;
+  padding: 1.6mm 0;
+  font-weight: 400;
+  line-height: 1.38;
+}
+
+.toc-list a:hover .toc-title {
+  color: var(--openpress-color-muted);
+}
+
+.toc-index {
+  display: inline-block;
+  color: var(--openpress-color-muted);
+  font-family: var(--openpress-font-mono);
+  font-variant-numeric: tabular-nums;
+  font-weight: 400;
+  letter-spacing: 0;
+  font-size: 9.5pt;
+  text-align: left;
+}
+
+.toc-level-2 a {
+  margin-top: 2.5mm;
+  padding: 3mm 0 2mm;
+  border-top: 1px solid rgba(169, 180, 194, 0.42);
+}
+
+.toc-level-2:first-child a {
+  margin-top: 0;
+  border-top: 0;
+}
+
+.toc-level-2 .toc-title {
+  color: var(--openpress-color-ink);
+  font-size: 12pt;
+  font-weight: 500;
+}
+
+.toc-level-2 .toc-title::after {
+  content: none;
+}
+
+.toc-level-2 .toc-page {
+  color: var(--openpress-color-ink);
+  font-size: 9.8pt;
+}
+
+.toc-level-3 a {
+  grid-template-columns: 9mm minmax(0, 1fr) 12mm;
+  padding: 1.28mm 0 1.28mm 7mm;
+  color: var(--openpress-color-muted);
+  font-size: 10pt;
+}
+
+.toc-level-3 .toc-index {
+  font-size: 9pt;
+}
+
+.toc-level-3 .toc-page {
+  font-size: 9.5pt;
+}
+
+.toc-title {
+  display: flex;
+  gap: 3mm;
+  align-items: baseline;
+  color: var(--openpress-color-ink);
+}
+
+.toc-title::after {
+  content: "";
+  flex: 1;
+  min-width: 10mm;
+  border-bottom: 1px dotted rgba(72, 101, 129, 0.32);
+  transform: translateY(-0.22em);
+}
+
+.toc-page {
+  color: var(--openpress-color-muted);
+  font-family: var(--openpress-font-mono);
+  font-variant-numeric: tabular-nums;
+  font-weight: 400;
+  font-size: 9.8pt;
+  justify-self: end;
+  min-width: 10mm;
+  text-align: right;
+}