i18n-and-rtl

You can convert physical CSS to logical CSS by running an RTL mapper script with the map_all command, which translates existing physical properties into direction-aware logical properties to support RTL layouts.

Logical CSS mapping translates physical properties like margin-left into direction-aware properties like margin-inline-start, which you need when building multilingual interfaces that require dynamic directionality switching for internationalization.

To enable RTL directionality in a UDS-based UI layout, you set dir="rtl" on the root element and run the RTL mapper to convert your CSS to logical properties, ensuring the layout adapts safely to locale-aware text expansion.

Logical CSS mapping supports locale-aware text expansion by providing direction-sensitive tooling and guidance for RTL and LTR multilingual interfaces, ensuring dynamic UI layouts render consistently across different locales.

The best way to support both directions without rewriting CSS entirely is using physical to logical mapping data with an RTL mapper script, which automatically converts direction-aware properties for safe rendering across multilingual interfaces.

CSS layouts break in RTL when physical properties are hardcoded, but translating physical CSS to logical CSS with an RTL mapper script fixes directionality issues and ensures consistent multilingual rendering across dynamic UI layouts.