Botón unificado
Un solo botón para la landing y el portal, con una hoja de estilos compartida.
Resumen
La landing (.button en public/site/styles.css) y el portal (Button con clases de Tailwind) resolvían el mismo botón con dos códigos y pequeñas diferencias. Decidido el 11 de octubre de 2026: se unifican.
En producción desde el 11 de octubre de 2026: imandresochoa/designloop#11.
public/site/button.csspasa a ser la fuente única. La landing lo carga desdeindex.htmly el portal lo importa en la capacomponentsdeglobals.css.- Variantes en las dos superficies:
primary,outline,ghost,subtle,dangerylight. Tamaños normal (44 px) y pequeño (36 px), yblock. - Token nuevo
--ink-hoverpara el hover del principal.
Referencias
- Ficha actual: Botón, sección «Diferencias entre superficies».
Exploración
Valores que se igualan: texto de 15 px en el tamaño normal (la landing tenía 16 px), radio de 10 px en el pequeño (el portal tenía 12 px) y transiciones de 180 ms.
Flujos
Sin cambios de comportamiento: Button y ButtonLink mantienen sus props.
Handoff
Hecho: ficha del botón actualizada (una sola API de clases) y huella aceptada. Iniciativa cerrada.
Playground
Pendiente.
Relacionados
iniciativas/boton-unificado · Actualizado el 2026-10-11