asw-v01: modern CSS reset, fix README token docs, add watch.py live rebuild

- Rewrite 00-reset.css with :where()-wrapped zero-specificity rules
- Fix README token docs (--asw-* was incorrect, actual tokens use bare --*)
- Add watch.py (pyinotify-based auto-rebuild of dist/asw.css on src/ changes)
This commit is contained in:
Vigilio Desto 2026-06-07 11:42:00 +02:00
parent 9651dd5515
commit 9fd9096f0a
Signed by: Vigo
GPG key ID: 159D6AD58C8E55E9
5 changed files with 290 additions and 82 deletions

View file

@ -142,25 +142,21 @@ Metadata selectors for machine-generated content.
### CSS custom properties
All visual tokens are exposed as `--asw-*` custom properties on `:root`:
ASW defines a full set of semantic custom properties on `:root`. Key groups:
```css
--asw-font-sans: 'Segoe UI', system-ui, sans-serif;
--asw-font-mono: 'Fira Code', 'Cascadia Code', monospace;
--asw-text-1: oklch(15% 0.01 260);
--asw-text-2: oklch(35% 0.02 260);
--asw-surface-1: oklch(98% 0.003 260);
--asw-surface-2: oklch(95% 0.005 260);
--asw-surface-3: oklch(90% 0.01 260);
--asw-brand: oklch(55% 0.25 260);
--asw-link: oklch(45% 0.20 260);
--asw-success: oklch(55% 0.20 145);
--asw-warning: oklch(65% 0.20 85);
--asw-error: oklch(50% 0.25 25);
--asw-radius: 6px;
```
| Group | Examples |
|---|---|
| Surfaces | `--surface`, `--surface-1`, `--surface-card`, `--surface-hover` |
| Text | `--text`, `--text-2`, `--text-3`, `--text-dim` |
| Accent | `--accent`, `--accent-hover`, `--on-accent` |
| Links | `--link`, `--link-hover`, `--link-underline` |
| Borders | `--border`, `--border-subtle` |
| Spacing | `--space-1` through `--space-8` |
| Typography | `--font-heading`, `--font-mono`, `--font-ui`, `--text-base` |
| Layout | `--width-prose`, `--sidebar-min`, `--grid-gap` |
| States | `--ok`, `--warn`, `--error`, `--info`, `--blocked` |
See `src/tokens.css` for the full token table.
See `src/tokens.css` for the full table (~70 custom properties).
---