Fix: Eliminar cambios de tamaño en hover de botones
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m1s
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m1s
- Quitar border-width en hover que causaba crecimiento del botón - Cambiar solo border-color en hover (de 50% a 70% opacity) - Modificar transition para solo animar propiedades de color - CERO cambios de tamaño o desplazamiento, solo colores
This commit is contained in:
@@ -218,7 +218,7 @@
|
||||
border-color: color-mix(in srgb, var(--cata-primary) 50%, transparent);
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 0.375rem;
|
||||
transition: all 200ms;
|
||||
transition: background-color 200ms, border-color 200ms, box-shadow 200ms;
|
||||
cursor: pointer;
|
||||
color: var(--cata-fg);
|
||||
font-family: var(--cata-font-family);
|
||||
@@ -226,7 +226,7 @@
|
||||
|
||||
.cata-button:hover {
|
||||
background-color: color-mix(in srgb, var(--cata-primary) 10%, transparent);
|
||||
border-width: 2px;
|
||||
border-color: color-mix(in srgb, var(--cata-primary) 70%, transparent);
|
||||
}
|
||||
|
||||
.dark .cata-button:hover {
|
||||
|
||||
Reference in New Issue
Block a user