Add CSSX as top-level docs section with patterns, async, and live examples

New top-level section in sx-docs: /cssx/ with 6 pages:
- Overview: the idea, what changed, advantages
- Patterns: class mapping, data-driven, style functions, responsive, emitting CSS
- Async CSS: components that fetch/cache CSS before rendering via ~suspense
- Live Styles: SSE/WS examples for real-time style updates (noted as future)
- Comparisons: vs styled-components, CSS Modules, Tailwind, Vanilla Extract
- Philosophy: proof by deletion, the right abstraction level

Also:
- Remove CSSX from specs nav (spec file deleted)
- Fix renderer spec prose (no longer mentions StyleValue)
- Update On-Demand CSS essay summary
- Mark CSSX Components plan as done

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-08 00:15:39 +00:00
parent a8bfff9e0b
commit 09947262a5
4 changed files with 399 additions and 4 deletions

View File

@@ -286,6 +286,39 @@
"no-alternative" (~essay-no-alternative)
:else (~essays-index-content)))
;; ---------------------------------------------------------------------------
;; CSSX section
;; ---------------------------------------------------------------------------
(defpage cssx-index
:path "/cssx/"
:auth :public
:layout (:sx-section
:section "CSSX"
:sub-label "CSSX"
:sub-href "/cssx/"
:sub-nav (~section-nav :items cssx-nav-items :current "Overview")
:selected "Overview")
:content (~cssx-overview-content))
(defpage cssx-page
:path "/cssx/<slug>"
:auth :public
:layout (:sx-section
:section "CSSX"
:sub-label "CSSX"
:sub-href "/cssx/"
:sub-nav (~section-nav :items cssx-nav-items
:current (find-current cssx-nav-items slug))
:selected (or (find-current cssx-nav-items slug) ""))
:content (case slug
"patterns" (~cssx-patterns-content)
"async" (~cssx-async-content)
"live" (~cssx-live-content)
"comparisons" (~cssx-comparison-content)
"philosophy" (~cssx-philosophy-content)
:else (~cssx-overview-content)))
;; ---------------------------------------------------------------------------
;; Specs section
;; ---------------------------------------------------------------------------