@mana/shared-tailwind
Tailwind-Preset für alle Vereins-Apps — gemeinsamer Farb-Token-Satz, Spacing-Skala, Schriften-Stack.
@mana/shared-tailwind exportiert ein Tailwind-Preset, das jede
Vereins-App via presets: [mana] lädt. Damit teilen alle Apps dieselbe
Spacing-Skala, denselben Schriften-Stack, dieselbe Farb-Brücke zu den
12 Theming-Tokens.
Vorher hatte jede App eine eigene tailwind.config.js-Kopie — mit
kleinen Abweichungen in Border-Radius, Schatten-Definitionen, Schriften-
Fallbacks. Das Preset macht das zentralisiert pflegbar.
Souveränitäts-Bezug ist subtil: wir benutzen Tailwind (das ist ein fremdes Werkzeug), aber unsere Konfiguration ist eigenes Paket. Wenn Tailwind irgendwann stirbt, ist der Migrations-Pfad klar dokumentiert.
Mitnehmen
Vereins-Pakete liegen auf der Vereins-eigenen Verdaccio-Registry.
Apps und Services-Repos haben dort ein .npmrc, das
den @mana/-Scope auf npm.mana.how routet.
pnpm add @mana/shared-tailwind Auch nutzbar mit npm oder yarn — der Scope-Mechanismus ist Standard-npm-Verhalten. Wer den Verein nicht-mitgliedlich nutzen will, kann die Registry frei konfigurieren.
Worauf es sich bindet
- Klasse
- Klasse B — Foundation — intern-versioniert, große Adoption erwartet.
- Sprache
- TypeScript
- Version
- v1.0.0
- Registry
- npm.mana.how — eigene Vereins-Registry, kein npmjs.com
- Lizenz
- Quelloffen — Details im Repo.
Was es für den Verein verkörpert
- LanglebigkeitBewährte Stacks, gute Doku.
- EigenbetriebEigene Infrastruktur, quelloffener Stack.
Was läuft, was nicht
Version: v1.0.0.
- Migration auf Tailwind v4-Preset-Format ist Roadmap.
Weitere Pakete dieser Kategorie
Komponenten, Theming, Icons, PWA-Foundation.
- @mana/shared-uiVereins-UI-Komponenten — Svelte 5 mit strikter 12-Token-Disziplin. Die UI-Foundation aller mana-e.V.-Apps.
- @mana/shared-iconsPhosphor-Icon-Wrapper für alle Vereins-SvelteKit-Apps — einheitliche Icon-API, bundlebar pro App nur die genutzten.
- @mana/shared-theme12-Token-Theming-Engine — pro App ein Theme, ein Token-Satz, eine konsistente Optik.
- @mana/themesTheme-Variants für Vereins-Apps — konkrete 12-Token-Belegungen, die App-Stimmungen tragen.
- @mana/shared-brandingBrand-Assets der Vereins-Apps — Logos, Favicons, App-Icons, Footer-Bausteine. Eine Quelle für visuelle Identität.
- @mana/shared-pwaPWA-Boilerplate für Vereins-Apps — Vite-Plugin, Theme-Bridge, Install-Banner, Update- und Offline-Komponenten.
@mana/shared-tailwind ist eines von vielen Paketen, die der Verein selbst pflegt — eigene Bauteile auf eigener Registry, frei nachnutzbar.