🚀 Novedades en Flowtitude: Mini-curso + nuevas variantes

Esta semana estamos trabajando en algo que muchos me habíais pedido:

🎓 Un pequeño minicurso práctico para explicar cómo funciona la configuración de Tailwind dentro del sistema Flowtitude.

No será teoría genérica sobre Tailwind.

Será específico sobre:

• Cómo está estructurado el archivo con @theme
• Cómo organizamos tokens y variables
• Cómo se relaciona con Bricks
• Qué se puede modificar en segundos
• Y qué decisiones hay detrás del sistema

La idea es que entiendas el por qué, no solo el cómo.

✨ Además… nuevas variantes personalizadas

Hemos añadido dos nuevas variantes que amplían bastante las posibilidades cuando trabajas con componentes y estados:

@custom-variant parent-hover (*:hover > &);
/* variante parent-hover: dar estilo un elemento cuando se hace hover sobre su elemento padre  */

@custom-variant parent-focus-within (*:focus-within > &);
/* variante parent-focus-within : dar estilo un elemento cuando el elemento padre tiene el foco  */

🔎 ¿Qué permiten?

parent-hover:

Aplicar estilos a un hijo cuando el padre está en hover.

Ideal para:

• Cards interactivas
• Iconos que cambian al pasar el ratón por toda la tarjeta
• Animaciones coordinadas sin JS

parent-focus-within:

Aplicar estilos a un elemento cuando el contenedor tiene foco (muy útil en formularios).

Perfecto para:

• Inputs accesibles
• Estados visuales en bloques con foco
• Componentes más profesionales sin añadir complejidad

📌 ¿Por qué esto es importante?

Porque Flowtitude no es solo “usar Tailwind”.

Es tener un sistema coherente, ampliable y pensado para trabajar bien en WordPress y especialmente con Bricks.

Estas pequeñas mejoras son las que marcan la diferencia cuando trabajas en proyectos reales.