refactor(ui): replace Tailwind utilities with local styles

2026-08-09 13:58:13 +05:30
parent ff62918dbb
commit 5c2c6a0a8f
11 changed files with 473 additions and 184 deletions
@@ -118,16 +118,12 @@ are `.wrn` files rendered server-side.
 The framework serves this stylesheet once at `/__wrnexus/ui.css`, so pages get all
 component styles from a single request.

-### Tailwind and motion
+### Component styles and motion

-Components use static Tailwind utility classes alongside the shared `.wire-*`
-layer. If the package is consumed by a separate Tailwind build, include its
-component sources so every utility is generated:
-
-```css
-@import "tailwindcss";
-@source "../node_modules/@wrnexus/ui/components/*.wrn";
-```
+Components own their BEM styles in local `style {}` blocks and do not require a
+Tailwind scan. `ui.css` supplies only global tokens, resets, and shared
+primitives. Applications can still use Tailwind independently in their own
+source files.

 The shared stylesheet gives all component boundaries consistent, GPU-friendly
 entry and interaction motion. Override `--wire-motion-fast`,