Content
Rebooted defaults, typography, media, tables, and figures — token-driven ink and spacing.
Reboot
Border-box everywhere, sensible margins on headings, and form controls inherit body font. See src/scss/content/_reboot.scss.
<p>Body copy uses <code>--tg-body-color</code>.</p>
Typography
Heading 1
Heading 2
Lead paragraph with relaxed line height.
Strong and link-primary.
Bootstrap aliases: font-monospace, fst-italic / fst-normal, fw-semibold / fw-bolder / fw-lighter, text-decoration-underline / none / line-through, text-body-secondary / text-body-emphasis, initialism.
Monospace italic semibold underline
CSS with text-body-secondary.
Line height
Bootstrap lh-*: lh-1, lh-sm, lh-base, lh-lg.
lh-1 — tight unit leading for compact UI chrome.
lh-sm — maps to --line-height-tight.
lh-base — maps to --line-height-relaxed (body default).
lh-lg — maps to --line-height-loose for airy paragraphs.
<p class="lh-lg">…</p> <p class="text-truncate">…</p> <p class="line-clamp-3">…</p>
Images
img-fluid scales; rounded / rounded-circle shape corners.
<img class="img-fluid rounded-lg" src="…" alt="">
Tables
| Name | Role |
|---|---|
| Canvas | --tg-body-bg |
| Ink | --tg-body-color |
<div class="tg-table-wrap tg-neu"><table class="tg-table">…</table></div>