FDS mejora la compatibilidad de sus tokens fluidos
Hemos actualizado Flowtitude Design System para que la tipografía y el espaciado fluido sean más resistentes en navegadores con soporte incompleto de CSS math.
Hasta ahora, la escala dependía directamente de calc() y clamp() para generar los tokens text- y spacing.
Ahora FDS conserva los mismos tokens y clases de siempre, pero añade una capa de fallback estático: si el navegador no puede resolver cálculos fluidos avanzados,
sigue recibiendo tamaños y espacios válidos.
En navegadores modernos todo funciona igual que antes: los tokens siguen siendo fluidos, configurables desde los knobs y sincronizados con Tailwind CSS 4. En navegadores más limitados, el sistema cae de forma segura a valores base y desktop.
También hemos mejorado la semántica interna de las secciones: ahora existe un token específico para media sección, --ft-padding-content-y-half, en lugar de hacer el cálculo directamente dentro del layout. Es un cambio pequeño, pero hace que el sistema sea más claro, más mantenible y más fácil de extender.
La documentación ya está actualizada con esta arquitectura de fallback + mejora progresiva.
Qué cambia para ti
- No cambian las clases que ya usas.
- text-, gap-, p-*, py-section y compañía siguen funcionando igual.
- Los navegadores modernos mantienen la experiencia fluida.
- Los navegadores con CSS math limitado reciben fallbacks seguros.
- El sistema queda mejor preparado para WordPress, WindPress y constructores visuales.
Pequeño ajuste técnico, mucha más tranquilidad en producción.
La capa de fallback está muy bien pensada — el problema de CSS math incompleto es más habitual de lo que parece, sobre todo en webviews de apps híbridas. WindPress se beneficia directamente porque sin build tools no hay control sobre qué polyfills carga el navegador. Tener fallback estático es exactamente lo que necesita para funcionar de forma predecible en esos contextos.