PROBLEMA: - Iconos 37% más grandes en staging (19.2px vs 14px template) - CSS con 7 propiedades extra NO documentadas - Archivo tenía 138 líneas vs 12 líneas en documentación SOLUCIÓN: - Reemplazar completamente componente-share-buttons.css - Usar SOLO 2 reglas CSS según CSS-ESPECIFICO.md - Eliminar font-size: 1.2rem y 6 propiedades extra - Reducir archivo de 138 líneas a 23 líneas CAMBIOS: - ELIMINADO: font-size, padding, line-height, min-width, display, etc. - ELIMINADO: Hover avanzado (transform, scale) - ELIMINADO: Colores hover específicos por red social - ELIMINADO: Media queries responsive custom - MANTENIDO: Solo transition y border-width (según doc) - Version 1.0.13 -> 1.0.14 RESULTADO: - Iconos ahora usan tamaño default Bootstrap (14px) - CSS minimalista: solo 2 reglas - Bootstrap maneja colores y tamaños Testing: Verificar iconos 14px en staging después de deploy 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
23 lines
454 B
CSS
23 lines
454 B
CSS
/**
|
|
* Social Share Buttons - Estilos Mínimos
|
|
*
|
|
* Según CSS-ESPECIFICO.md de la documentación:
|
|
* Solo 2 reglas CSS simples. Bootstrap maneja el resto.
|
|
*
|
|
* Fuente: apus-theme-template/css/style.css líneas 795-806
|
|
*
|
|
* @package Apus_Theme
|
|
* @since 1.0.0
|
|
*/
|
|
|
|
/* === SHARE BUTTONS === */
|
|
|
|
.share-buttons .btn {
|
|
transition: all 0.3s ease;
|
|
border-width: 2px;
|
|
}
|
|
|
|
.share-buttons .btn:hover {
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
}
|