Browser-Kompatibilität stable

VelinStyle zielt auf Evergreen-Browser. Einige Utilities nutzen modernes CSS (OKLCH, logische Properties, Web Components) und degradieren wo möglich graceful. English: Browser compatibility

Reifegrad

Evergreen-Support ist stable. Forced-colors- / Reduced-motion-Helfer gehören zu Barrierefreiheit.

Wann nutzen

Auslieferung an aktuelle Chrome-, Firefox-, Safari- und Edge-Versionen.
Progressive Enhancement für neueres CSS (Container Queries, View Transitions).

Wann nicht

Internet Explorer und andere Pre-Evergreen-Engines liegen außerhalb des Scopes.
Volles Web-Component-Verhalten ohne modernen Custom-Elements-Stack nicht erwarten.

Support-Matrix

Browser	Minimum
Chrome / Edge	111+
Firefox	113+
Safari	16.4+

Feature-Hinweise

OKLCH-Farben — semantische Palette; Fallback wo nicht unterstützt
Container Queries — Layout-Helfer unter Containers
color-mix() — siehe Color mix
Scroll-driven Animations — siehe Scroll-driven

Cross-Browser-Verifikation (Playwright)

Das Framework liefert tests/e2e/wc-smoke.spec.js — Smoke-Tests für deklarative Attribute, velin-copy, kanonische und Legacy-Tooltip-/Stepper-Tags. CI läuft Chromium, Firefox und WebKit. Aus einem Checkout von velinstyle: npm run build && npm run test:e2e.

Fallbacks

Nutzen Sie @media (prefers-reduced-motion: reduce)-Muster in den Animations-Utilities. Forced Colors über Barrierefreiheit testen.