Utility-Abdeckung beta
VelinStyle ist kein Tailwind-Klon. Diese Seite dokumentiert den Umfang: was ausgeliefert wird, was anders funktioniert und was wir nicht hinzufügen wollen. English: Utility-Abdeckung
Reifegrad: Diese Oberfläche ist in VelinStyle 1.2.0 beta / foundation - jetzt nutzbar; Schemas und Abdeckung wachsen noch. CSS / Web Components / Runtime bleiben stabil. Studio und die vollständige Utility Engine bleiben geplant.
Wann verwenden
- Folge diesem Leitfaden, wenn du VelinStyle integrierst oder erweiterst (Utility-Abdeckung).
- Pinne
@birdapi/velinstyle@1.2.0und prüfe Reifegrad-Badges für Beta-Oberflächen.
Wann nicht
- Behandle beta plan/review/meta nicht als fertiges AI-Designsystem.
- Erfinde keine Studio- oder Utility-Engine-APIs, die noch geplant sind.
Enthalten
Layout, spacing (logical props), typography, colors, flex, grid system, borders, shadows, opacity, position, transitions, transforms, filters, scroll, print, animations, and more — see the Utilities sidebar.
Anderes Modell
- No JIT / purge — static bundle; optional CLI subset build
- No
hover:/dark:prefixes — see States & variants - No arbitrary values — use CSS variables and custom CSS in
@layer - Grid — layout system (
.velin-grid) not atomizedgrid-cols-*utilities
Nicht geplant
SVG fill-*/stroke-* utilities, mask utilities, full Tailwind spacing scale, @apply, and config-file-driven code generation. Use components, tokens, and project CSS for these needs.
Utility-Modulkarte
| Quelldatei | Docs-Seite | Generiertes MD |
|---|---|---|
filter.css | Filters | filter.md |
filter-effects.css | Filter effects (0.8) | filter-effects.md |
scroll.css | Scroll | scroll.md |
scroll-animation.css | Scroll-driven (0.9) | scroll-animation.md |
position.css | Position | position.md |
color-mix.css | Color mix (0.9) | color-mix.md |
safe-area.css | Safe area (0.9) | safe-area.md |
Ergänzungen in 0.8.0
filter-effects,chart-animationutilities- Motion design tokens module
- CLI: layout scaffold / audit commands
Ergänzungen in 0.9.0
scroll-animationutility modulesafe-areaand expandedcolor-mix- Generated utility docs synced via
velinstyle docs generate