feat(ui): respuesta táctil y áreas de toque según guía de fluidez
Tokens de movimiento centralizados (duraciones y curvas únicas), feedback de pulsación visible e inmediato en tarjeta de tarea, TTS, chips, teclado y navegación; áreas táctiles mínimas de 44-48px en controles pequeños; tracking positivo en etiquetas en mayúsculas; touch-action manipulation para eliminar el retardo de doble-tap en la tablet kiosko.
This commit is contained in:
@@ -73,14 +73,15 @@
|
||||
border: var(--card-border-width) solid color-mix(in srgb, var(--c) 35%, #fff);
|
||||
border-radius: var(--radius-card);
|
||||
box-shadow: var(--shadow-card);
|
||||
transition: transform 0.15s, box-shadow 0.2s;
|
||||
transition: transform var(--dur-press) var(--ease-out), box-shadow var(--dur-settle) var(--ease-out);
|
||||
animation: slideUp 0.4s ease both;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: var(--shadow-soft);
|
||||
}
|
||||
&:active { transform: scale(0.98); }
|
||||
// Mantiene la elevación del hover al pulsar: sin salto entre ambos estados.
|
||||
&:active { transform: translateY(-2px) scale(0.97); }
|
||||
|
||||
&__mascot {
|
||||
font-size: 84px;
|
||||
|
||||
Reference in New Issue
Block a user