Browser compatibility

VelinStyle targets evergreen browsers. Some utilities use modern CSS and degrade gracefully.

Support matrix

Feature notes

• OKLCH colors — semantic palette; falls back where unsupported
• Container queries — layout helpers in Containers
• color-mix() — see Color mix
• Scroll-driven animations — see Scroll-driven

Cross-browser verification (Playwright)

The framework ships tests/e2e/wc-smoke.spec.js — smoke tests for declarative attributes, velin-copy, canonical and legacy tooltip/stepper tags. CI runs Chromium, Firefox, and WebKit. From a checkout of velinstyle: npm run build && npm run test:e2e.

Cross-browser verification (Playwright)

The framework ships tests/e2e/wc-smoke.spec.js — smoke tests for declarative attributes, velin-copy, canonical and legacy tooltip/stepper tags. CI runs Chromium, Firefox, and WebKit. From a checkout of velinstyle: npm run build && npm run test:e2e.

Fallbacks

Use @media (prefers-reduced-motion: reduce) patterns built into animation utilities. Test forced-colors via Accessibility.