Code

Inline code and fenced code blocks in ASW.

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>