asw/site/content/docs/typography/code.md
Ludo fe8ddd6153
feat: add [data-demo] attribute, purge all inline CSS from docs
New data-demo attribute for demo blocks in documentation.
Replaced 16 files worth of inline style="" wrappers with <div data-demo>.
Only remaining style= is charts --size data injection (legitimate).

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

859 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>