CSS: Tailwind-Build-Pipeline klären / dokumentieren #30

New issue

Closed

opened 2026-05-31 22:01:03 +02:00 by holm · 0 comments

holm commented

2026-05-31 22:01:03 +02:00

Owner

Dimension	Bewertung	Einschätzung
Aufwand	`█████░░░░░`	Mittel — npm/postcss/tailwind-CLI integrieren
Nutzen	`████████░░`	Hoch — derzeit unklar wie CSS gebaut wird
Bruchhäufigkeit	`████░░░░░░`	Mittel — CSS-Änderungen lassen sich nicht reproduzieren
Nachhaltigkeit	`█████████░`	Sehr hoch
Dringlichkeit	`██████░░░░`	Mittel-hoch

Befund

templates/zentonic22_tailwind/tailwind.config.js vorhanden, Templates nutzen Tailwind-Klassen + Custom-Klassen (my-card, my-container). Kein klarer Build-Schritt im Generator.

Ziel

Build-Schritt definieren: tailwindcss -i input.css -o /res/style.css --minify
Im build.sh einbinden (optional, wenn node_modules vorhanden)
README/Pemmikan ergänzen

Constraint

Speaker-Spalte: -rotate-90 mit kleinen Avataren und vertikal gedrehter Beschriftung ist gewollt (kompaktes Element neben Episode-Cover). Im neuen CSS-Setup muss dieses Layout reproduzierbar bleiben — Avatare doppelt rotiert (Container -rotate-90, Image rotate-90), Texte in text-[6px] oder kleinerer Eigenklasse.

| Dimension | Bewertung | Einschätzung | |---|---|---| | Aufwand | `█████░░░░░` | Mittel — npm/postcss/tailwind-CLI integrieren | | Nutzen | `████████░░` | Hoch — derzeit unklar wie CSS gebaut wird | | Bruchhäufigkeit | `████░░░░░░` | Mittel — CSS-Änderungen lassen sich nicht reproduzieren | | Nachhaltigkeit | `█████████░` | Sehr hoch | | Dringlichkeit | `██████░░░░` | Mittel-hoch | ## Befund `templates/zentonic22_tailwind/tailwind.config.js` vorhanden, Templates nutzen Tailwind-Klassen + Custom-Klassen (`my-card`, `my-container`). Kein klarer Build-Schritt im Generator. ## Ziel - Build-Schritt definieren: `tailwindcss -i input.css -o /res/style.css --minify` - Im `build.sh` einbinden (optional, wenn `node_modules` vorhanden) - README/Pemmikan ergänzen ## Constraint Speaker-Spalte: `-rotate-90` mit kleinen Avataren und vertikal gedrehter Beschriftung ist gewollt (kompaktes Element neben Episode-Cover). Im neuen CSS-Setup muss dieses Layout reproduzierbar bleiben — Avatare doppelt rotiert (Container `-rotate-90`, Image `rotate-90`), Texte in `text-[6px]` oder kleinerer Eigenklasse.

holm added the

Kind/Enhancement

Priority/Medium

labels

2026-05-31 22:01:03 +02:00

holm referenced this issue

2026-06-01 00:00:20 +02:00

Design-System integrieren: zentonic Terminal/TUI/Cyberpunk-Skin #35

holm closed this issue

2026-06-01 00:36:37 +02:00