asw/site/content/docs/typography/code.md
Ludo 502b2e8266
feat: site restructure — layouts gallery, docs sections with inline demos
Navigation: Docs, Layouts, Lab (simplified from 6 items)

Layouts gallery: card grid showing all available page layouts
with live links to demo pages.

Docs restructure: 8 auto-generated sidebar sections
(Getting Started, Typography, Core, Content, Components,
Reference, Vault, Packs) with 20 new stub pages.
Each stub has inline HTML demos that ASW styles directly.

New Hugo layout template for layouts/ section.
Decap CMS nav updated.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-11 18:24:27 +02:00

926 B

title description type weight date tags ai-disclosure ai-model ai-provider
Code Inline code and fenced code blocks in ASW. docs 18 2026-04-11
typography
code
pre
generated claude-sonnet-4-6 Anthropic

Inline <code> uses a monospace font with a subtle background tint. Block-level <pre><code> gets a full-width container with padding and horizontal scroll for long lines.

Inline Demo

Use data-callout="tip" to style a callout block, or data-layout="docs" for a sidebar layout.

/* Minimal ASW page */
<!doctype html>
<html lang="en">
<head>
  <link rel="stylesheet" href="asw.css">
</head>
<body>
  <main><article>Hello, ASW.</article></main>
</body>
</html>