hebrew-tailwind-preset

Setting up Tailwind CSS for Hebrew RTL involves configuring tailwind.config for Hebrew typography, replacing physical utilities with logical ones like ms- and me-, and setting dir="rtl" on the root element.

Logical properties in Tailwind CSS are utilities like ps- and pe- that replace physical left and right properties. They adapt dynamically to text direction, ensuring layout mirroring for Hebrew RTL applications.

Yes, you can migrate existing LTR Tailwind CSS code to RTL by replacing physical utility classes with logical properties and applying configuration changes. The Skill provides instructions for converting code for RTL contexts.

Yes, the configuration supports both Tailwind v3 and v4. It includes specific CSS and JavaScript configuration snippets tailored to each version for implementing Hebrew RTL layouts and typography.

The best way to build RTL components is using RTL-first component patterns. The Skill offers guidelines and code examples for building Hebrew interfaces like navigation bars, cards, and forms with mirrored icons.

Hebrew typography customization in Tailwind CSS is handled through specific configuration settings provided by the Skill. This improves text flow and layout specifically for Hebrew web projects.