🌊 Fluid TailwindCSS: tipografía y espaciados «fluidos»
Si antes usabas un complemento (Fluid for Tailwind) que te ayudaba a crear tamaños y espacios que se adaptan de forma progresiva, este proyecto viene a cubrir justo esa necesidad en Tailwind 4: puedes definir un mínimo y un máximo y el valor va creciendo suavemente según el ancho de pantalla, sin estar añadiendo variantes por cada tamaño.
Principales características
- Permite aplicar «valores fluidos» a muchas utilidades: tamaño de letra, rellenos, márgenes, separación entre elementos, anchos/altos, etc.
- Está pensado para el enfoque de Tailwind 4, donde la configuración vive en CSS.
Ejemplo de uso
La idea es indicar valor mínimo / valor máximo en una clase, por ejemplo para tamaño de letra y relleno:
- Tamaño de letra que va de 2XL a 5XL de forma progresiva.
- Relleno que va de 4 a 8 de forma progresiva.
Más información 👉 https://fluid-tailwindcss.vercel.app/