rtl-css

What problem does it solve?

RTL CSS for Hebrew and Arabic. Use when building UI that needs RTL support, fixing RTL layout issues, or auditing CSS for RTL compliance.

Core Features & Use Cases

• Audit RTL compliance: identify physical properties and replace with logical properties (padding-left → padding-inline-start, padding-right → padding-inline-end, etc.)
• Property mapping guide: mapping table for paddings, margins, insets, text direction, and borders using logical properties
• Tailwind compatibility: examples mapping to ps-/pe- and text-start/text-end
• Icon flipping guidance: ensure directional icons flip correctly in RTL contexts
• Audit command: run the included audit script to detect RTL violations

Quick Start

Run scripts/audit_rtl.sh to scan your codebase for RTL violations and update CSS to use logical properties. Follow the mapping guidance to replace physical properties with their logical equivalents.