Ludo
fe8ddd6153
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>
29 lines
859 B
Markdown
29 lines
859 B
Markdown
---
|
|
title: "Code"
|
|
description: "Inline code and fenced code blocks in ASW."
|
|
type: docs
|
|
weight: 18
|
|
date: 2026-04-11
|
|
tags: ["typography", "code", "pre"]
|
|
ai-disclosure: "generated"
|
|
ai-model: "claude-sonnet-4-6"
|
|
ai-provider: "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
|
|
|
|
<div data-demo>
|
|
<p>Use <code>data-callout="tip"</code> to style a callout block, or <code>data-layout="docs"</code> for a sidebar layout.</p>
|
|
<pre><code>/* 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></code></pre>
|
|
</div>
|