Overview:
Oceanwind is a library that compiles Tailwind-like shorthand syntax into CSS at runtime. It takes inspiration from Tailwind and utilizes Otion to efficiently generate atomic styles from shorthand syntax and append them to the DOM at runtime. The library supports server-side rendering, static extraction, and aims to provide desirable performance characteristics at runtime.
Features:
- Efficient CSS Compilation: Translate shorthand syntax into CSS.
- Tailwind Shorthand Support: Supports all existing Tailwind shorthand syntax outlined in the docs.
- Runtime CSS Injection: Generate and append styles to the DOM at runtime.
- Theme Customization: Allows customization of themes for directives that require themed values.
- Variant Grouping: Group directives with the same variants using parentheses for efficient translation.
- Error Handling: Warnings about missing or duplicate translations are provided and can be set to throw errors in strict mode.