Convierte propiedades físicas CSS comunes —left/right/top/bottom, margin, padding, border y tamaños— a equivalentes lógicos como inline-start, block-end, inline-size y block-size. Está pensado para estilos que deben adaptarse a LTR, RTL y distintos writing modes.
Analiza nombres de propiedades declarativas y reemplaza únicamente equivalencias conocidas sin tocar valores.
La equivalencia semántica depende del writing-mode y direction del documento. Comprueba que esa adaptación sea la intención del diseño.
El parser opera sobre declaraciones property:value; y conserva líneas que no reconoce.
No reescribe selectores, valores, transformaciones ni shorthand de cuatro lados como margin: 1px 2px 3px 4px.
margin-inline-start en un flujo horizontal estándar; su lado físico cambia según direction.
Sí. inline-size representa el tamaño en el eje inline y se adapta al writing-mode.
Ayuda a expresar intención lógica, pero debes probar el componente con direction: rtl y revisar propiedades que no tengan equivalencia directa.
No. Las transformaciones usan un sistema geométrico distinto y no se reescriben automáticamente.
Se conservan sin cambios y se contabilizan como declaraciones no convertidas.
| Módulo | Función |
|---|---|
| Entrada | Parámetros configurables |
| Salida | Código listo para copiar |
| Validación | Comprobaciones locales en el navegador |