Files
roi-theme/wp-content/themes/apus-theme/assets/css/buttons.css
FrankZamora ba5d766dfb ARQUITECTURA: Limpieza masiva - Mover componentes de style.css a archivos individuales - Issue #121
Problema:
- style.css contenía CSS de MÚLTIPLES componentes mezclados
- Violaba principio de separación de responsabilidades
- Algunos componentes tenían archivos CSS pero estaban duplicados en style.css

Solución:

1. REACTIVADO buttons.css
   - Era archivo deshabilitado (Issue #101 lo movió a style.css - INCORRECTO)
   - Ahora contiene estilos del botón Let's Talk
   - Registrado en enqueue-scripts.php línea 189

2. CREADO navbar.css
   - Nuevo archivo para navegación principal
   - Incluye: navbar, navbar-brand, nav-link, dropdown-menu, dropdown-item
   - Registrado en enqueue-scripts.php línea 180

3. REGISTRADO notification-bar.css
   - Archivo ya existía pero NO estaba registrado
   - Ahora registrado en enqueue-scripts.php línea 171

4. LIMPIEZA MASIVA style.css
   - Eliminadas 262 líneas de CSS de componentes
   - Componentes movidos:
     * TOP NOTIFICATION BAR → notification-bar.css
     * NAVBAR → navbar.css
     * BOTÓN LET'S TALK → buttons.css
     * HERO SECTION → hero.css (ya existía)
     * POST CONTENT → post-content.css (ya existía)
     * FEATURED IMAGE → (comentado, pendiente crear si necesario)

Archivos modificados:
- assets/css/buttons.css - Reactivado con estilos Let's Talk
- assets/css/navbar.css (NUEVO) - Componente navegación
- assets/css/style.css - Eliminadas 262 líneas
- inc/enqueue-scripts.php - Nueva función apus_enqueue_global_components()
- functions.php - Version bump 1.0.6 → 1.0.7

🎯 Resultado:
- style.css ahora SOLO contiene estilos GLOBALES del tema
- TODOS los componentes en archivos individuales
- Arquitectura consistente y mantenible
- No más duplicaciones

🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-08 17:00:19 -06:00

37 lines
859 B
CSS

/**
* Buttons Styles
*
* RESPONSABILIDAD: Estilos de botones personalizados del tema
* - Botón Let's Talk (navbar)
* - Otros botones custom del tema
*
* REACTIVADO: Issue #121 - Arquitectura de separación de componentes
* El CSS NO debe estar en style.css sino en archivos individuales
*
* @package Apus_Theme
* @since 1.0.7
*/
/* ========================================
Botón Let's Talk (Navbar)
======================================== */
.btn-lets-talk {
background-color: var(--color-orange-primary) !important;
color: #ffffff !important;
font-weight: 600;
padding: 0.5rem 1.5rem;
border: none;
border-radius: 6px;
transition: all 0.3s ease;
}
.btn-lets-talk:hover {
background-color: var(--color-orange-hover) !important;
color: #ffffff !important;
}
.btn-lets-talk i {
color: #ffffff;
}