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>
This commit is contained in:
Ludo 2026-04-11 18:53:59 +02:00
parent 414ede2957
commit fe8ddd6153
Signed by: ludo
GPG key ID: F6E479DEFAB84D6E
17 changed files with 32 additions and 20 deletions

View file

@ -14,7 +14,7 @@ Inline `<code>` uses a monospace font with a subtle background tint. Block-level
## Inline Demo
<div style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px">
<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 */
&lt;!doctype html&gt;